open-index/open-npm huggingface dataset:
npm package: @layankumarasinghe/react-snow-effect
Description: React Snow Effect Component
Author: layanKumarasinghe
Latest version: 1.0.2

# react-snow-effect

`@layankumarasinghe/react-snow-effect` is a simple React component that adds a snowfall effect to your web application. It utilizes jQuery for animation and can be easily integrated into React projects.

## Installation

```bash
npm install @layankumarasinghe/react-snow-effect

```

## Usage

```js

import React from 'react';
import SnowEffect from '@layankumarasinghe/react-snow-effect';

const YourComponent = () => {
  return (
    <div>
      {/* Your React component content */}
      <SnowEffect />
      {/* ... */}
    </div>
  );
};

export default YourComponent;


```

## Props

The `SnowEffect` component accepts the following optional props:

- `minSize`: Minimum size of snowflake (default: 10).
- `maxSize`: Maximum size of snowflake (default: 20).
- `total`: The number of flakes generated (default: 25).
- `speed`: Speed of flakes when falling down (default: dynamically calculated based on document height).
- `flakeColor`: Color of snowflake (default: '#FFFFFF').

### Example with Custom Props:

```jsx

<SnowEffect minSize={5} maxSize={15} total={50} speed={200} flakeColor="#00FF00" />

```
npm package: @laye-mangane/first-npm-pkg
Description: My First package npm displaying 'Hello NPM' message !
Author: l@yeMangane
Latest version: 1.0.2

# First-NPM-PKG

My First package npm displaying 'Hello NPM' message !

## Installation

To install this package run the following command : 

### npm
```bash
   npm install @laye-mangane/first-npm-pkg
```
### yarn
```bash
   yarn add @laye-mangane/first-npm-pkg
```

## usage

Here is a simple example to use this package :

```javascript
   const { helloNpm } = require("@laye-mangane/first-npm-pkg")

   console.log(helloNpm());
```

## test

To run the tests, run the following command : 

```bash
   npm test
```
npm package: @layen-king/jx-cms-video-ptz-plugin
Description: [![Build Status](https://badgen.net/travis/layen-king/jx-cms-video-ptz-plugin/master)](https://travis-ci.com/layen-king/jx-cms-video-ptz-plugin) [![NPM Download](https://badgen.net/npm/dm/@layen-king/jx-cms-video-ptz-plugin)](https://www.npmjs.com/package
Author: https://github.com/layen-king
Latest version: 1.0.2

# jx-cms-video-ptz-plugin

[![Build Status](https://badgen.net/travis/layen-king/jx-cms-video-ptz-plugin/master)](https://travis-ci.com/layen-king/jx-cms-video-ptz-plugin)
[![NPM Download](https://badgen.net/npm/dm/@layen-king/jx-cms-video-ptz-plugin)](https://www.npmjs.com/package/@layen-king/jx-cms-video-ptz-plugin)
[![NPM Version](https://badge.fury.io/js/%40layen-king%2Fjx-cms-video-ptz-plugin.svg)](https://www.npmjs.com/package/@layen-king/jx-cms-video-ptz-plugin)
[![NPM License](https://badgen.net/npm/license/@layen-king/jx-cms-video-ptz-plugin)](https://github.com/layen-king/jx-cms-video-ptz-plugin/blob/master/LICENSE)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/layen-king/jx-cms-video-ptz-plugin/pulls)
[![Automated Release Notes by gren](https://img.shields.io/badge/%F0%9F%A4%96-release%20notes-00B2EE.svg)](https://github-tools.github.io/github-release-notes/)

short description + sample image(png/gif/mp4)

## Table of Contents

- [Introduction](#introduction)
- [Features](#features)
- [Install](#install)
- [Usage](#usage)
- [Links](#links)
- [Contributing](#contributing)
- [Contributors](#contributors)
- [License](#license)

## Introduction

If there is no more words to write, this section can be deleted.

[⬆ Back to Top](#table-of-contents)

## Features

[⬆ Back to Top](#table-of-contents)

## Install

[⬆ Back to Top](#table-of-contents)

## Usage

[⬆ Back to Top](#table-of-contents)

## Links

- [docs](https://layen-king.github.io/jx-cms-video-ptz-plugin/)

[⬆ Back to Top](#table-of-contents)

## Contributing

For those who are interested in contributing to this project, such as:

- report a bug
- request new feature
- fix a bug
- implement a new feature

Please refer to our [contributing guide](https://github.com/FEMessage/.github/blob/master/CONTRIBUTING.md).

[⬆ Back to Top](#table-of-contents)

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore -->
<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

[⬆ Back to Top](#table-of-contents)

## License

[MIT](./LICENSE)

[⬆ Back to Top](#table-of-contents)
npm package: @layer-drone/protocol
Description: Layer Drone protocol SDK with typed API client and event parsing
Latest version: 0.5.0

# Protocol SDK Test Setup

This directory contains comprehensive tests for the Layer Drone Protocol SDK that validate SDK functionality using mocks and simulated API responses.

## Test Configuration

The tests are designed to be completely self-contained and run seamlessly in CI/CD environments without any external dependencies. All API interactions are mocked to ensure reliable, fast test execution.

## Running Tests

### Standard Test Run
```bash
# Run all tests with mocks
pnpm test
```

### With Coverage
```bash
# Run tests with coverage reporting
pnpm test:coverage
```

## Test Coverage

The test suite includes:

1. **Client Creation and Configuration** - SDK initialization and configuration
2. **API Integration Tests** - Tests using mocked API responses:
   - Health check endpoint (`/`)
   - Sun altitude calculations (`/conditions/sun-altitude`)
   - Event schema retrieval (`/schema/event`)
3. **Error Handling** - Network errors, 404s, invalid parameters
4. **Response Styles** - Data-only vs full response formats
5. **Event Parsing** - Webhook event validation and parsing
6. **Integration Tests** - Complete workflows using mocks:
   - Flight workflow (storage key generation, presigned URLs, validation)
   - API token management (CRUD operations)
   - Mission creation workflow
7. **Type Safety** - TypeScript type validation and BigInt handling

## SonarQube Integration

Test coverage is automatically included in SonarQube scans via the LCOV report at `./coverage/lcov.info`.
npm package: @layer-front/dev-config
Description: ## Introduction
Latest version: 4.0.0

# @layer/web-configs

## Introduction

**@layer/web-configs** provides a centralized style guide with shared configurations for linting, formatting, and TypeScript. It helps ensure consistency across all web projects.

Available configurations:

- [Prettier](#prettier)
- [ESLint](#eslint)
- [TypeScript](#typescript)

---

## Installation

```sh
# Using npm
npm install --save-dev @layer/web-configs

# Using yarn
yarn add --dev @layer/web-configs

# Using pnpm
pnpm install --save-dev @layer/web-configs
```

---

## Prettier

> **Note:** Prettier is a peer dependency and must be installed in your project.

To use the shared Prettier configuration, add the following to `package.json`:

```json
{
  "prettier": "@layer/web-configs/prettier"
}
```

This enables consistent formatting across your project using our predefined rules.

---

## ESLint

> **Note:** ESLint is a peer dependency and must be installed in your project.

The available base configurations are:

- `@layer/web-configs/eslint/recommended` – Core rules for general JavaScript development.
- `@layer/web-configs/eslint/typescript` – TypeScript-specific linting rules.
- `@layer/web-configs/eslint/react` – React best practices and JSX linting.

### Configuring ESLint

Use the provided `layer` export to compose your ESLint configuration:

```js
// eslint.config.js
import layer from '@layer/web-configs/eslint';

export default [
  ...layer.configs.recommended,
  ...layer.configs.typescript,
  ...layer.configs.react,
  {
    languageOptions: {
      parserOptions: {
        project: true,
        tsconfigRootDir: import.meta.dirname
      }
    }
  }
];
```

---

## ESLint + TypeScript: Supporting Multiple tsconfig Files

If project uses multiple TypeScript configuration files (like `tsconfig.app.json`, `tsconfig.node.json`, etc.), ESLint may require a dedicated config to avoid circular references.

#### Update ESLint Configuration

```js
export default [
  ...layer.configs.recommended,
  ...layer.configs.typescript,
  ...layer.configs.react,
  {
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname
      }
    }
  }
];
```

---

## TypeScript

This package includes multiple TypeScript configuration presets for different types of projects.

### Available Configurations

| Config Path                                   | Description                                   |
| --------------------------------------------- | --------------------------------------------- |
| `@layer/web-configs/typescript/react`         | Base config for React applications            |
| `@layer/web-configs/typescript/react-library` | Config optimized for reusable React libraries |

To use one, extend it in your `tsconfig.json`:

```json
{
  "extends": "@layer/web-configs/typescript/react",
  "compilerOptions": {
    // your overrides here
  }
}
```
npm package: @layer.io/api
Description: the api package for layer.io
Author: Lossless GmbH
Latest version: 1.0.5

# @layer.io/api
the api package for layer.io

## Availabililty and Links
* [npmjs.org (npm package)](https://www.npmjs.com/package/@layer.io/api)
* [gitlab.com (source)](https://gitlab.com/layer.io/api)
* [github.com (source mirror)](https://github.com/layer.io/api)
* [docs (typedoc)](https://layer.io.gitlab.io/api/)

## Status for master
[![build status](https://gitlab.com/layer.io/api/badges/master/build.svg)](https://gitlab.com/layer.io/api/commits/master)
[![coverage report](https://gitlab.com/layer.io/api/badges/master/coverage.svg)](https://gitlab.com/layer.io/api/commits/master)
[![npm downloads per month](https://img.shields.io/npm/dm/@layer.io/api.svg)](https://www.npmjs.com/package/@layer.io/api)
[![Known Vulnerabilities](https://snyk.io/test/npm/@layer.io/api/badge.svg)](https://snyk.io/test/npm/@layer.io/api)
[![TypeScript](https://img.shields.io/badge/TypeScript->=%203.x-blue.svg)](https://nodejs.org/dist/latest-v10.x/docs/api/)
[![node](https://img.shields.io/badge/node->=%2010.x.x-blue.svg)](https://nodejs.org/dist/latest-v10.x/docs/api/)
[![JavaScript Style Guide](https://img.shields.io/badge/code%20style-prettier-ff69b4.svg)](https://prettier.io/)

## Usage

This package implements all layer.io functionality in TypeScript.
It is meant to be easy to use without limiting functionality or performance of the layer.io platform for you.

```typescript
import * as lApi from '@layer.io/api'

/*
 * .createAccount creates an AccountInstance that exposes all API Layers for you.
 * Since it is all TypeScript, feel free to explorer the package in your IDE, preferably VSCode.
 */
const lApiAccount = lapi.createAccount('your secret api key here');
```

More code examples and explanations can be found at https://docs.layer.io

For further information read the linked docs at the top of this readme.

> MIT licensed | **&copy;** [Lossless GmbH](https://lossless.gmbh)
| By using this npm module you agree to our [privacy policy](https://lossless.gmbH/privacy)

[![repo-footer](https://lossless.gitlab.io/publicrelations/repofooter.svg)](https://maintainedby.lossless.com)