open-index/open-npm huggingface dataset:
npm package: @fdfedin/react-native-native-mqtt
Description: An MQTT client or React Native that actually works with a simple Javascript interface
Author: David Corona
Latest version: 0.1.12

# React Native - Native MQTT

This is an MQTT client library for React Native. It utilizes native MQTT client libraries and exposes them via a unified Javascript interface. There are a few other React Native MQTT libraries, but they did not seem to work as expected, or did not support more advanced TLS configurations.

NOTE: This is currently tested only on React Native 0.60 and above using the automatic linking functionality.

This library uses the following native MQTT client libraries:

* iOS - https://github.com/emqx/CocoaMQTT
* Android - https://github.com/eclipse/paho.mqtt.java

It supports most of the features supported by these libraries. Tradeoffs have been made to keep the interface unified, so some features are not exposed if not supported in both libraries.

## Getting started

```
$ npm install react-native-native-mqtt --save

-- or -- 

$ yarn add react-native-native-mqtt
```

## Installation

If you are not on React Native 0.60+ and not using auto-linking, you may need to run the usual link command as below:

```
$ react-native link react-native-native-mqtt
```

This module has only been tested on 0.60+, so at this point you are a bit on your own, but should be standard stuff.

## Additional Installation Steps

There are still some manual tasks that need to be done to wire this package up for both iOS and Android. Please perform the steps below to get everything working.

### Android

* Set your `minSdkVersion` in the `android/build.gradle` file to 21 or higher.

### iOS

We need to add a bridging header file to your Xcode project because this module was written in Swift.

* Open your project's `ios` folder in Xcode.
* Add a new Swift file to the project. Name it whatever you want. Add a bridging header file when it prompts you to add one automatically.

Now you need to run a `pod install` for your project.

* Navigate to the `ios` folder in your project and run `pod install`.

## Usage

This is a quick example written in Typescript.

```javascript
import * as Mqtt from 'react-native-native-mqtt';

const client = new Mqtt.Client('[SCHEME]://[URL]:[PORT]');

client.connect({
	clientId: 'CLIENT_ID',
	...
}, err => {});

client.on(Mqtt.Event.Message, (topic: string, message: Buffer) => {
	console.log('Mqtt Message:', topic, message.toString());
});

client.on(Mqtt.Event.Connect, () => {
	console.log('MQTT Connect');
	client.subscribe(['#'], [0]);
});

client.on(Mqtt.Event.Error, (error: string) => {
	console.log('MQTT Error:', error);
});

client.on(Mqtt.Event.Disconnect, (cause: string) => {
	console.log('MQTT Disconnect:', cause);
});
```
npm package: @fdhl/eslint-config
Description: An opinionated ESLint config for TypeScript projects
Author: Muhammad Fadhil
Latest version: 2.0.4

# `@technowizard/eslint-config`

An opinionated ESLint config for TypeScript projects. Requires ESLint v9+

## Installation

Install the package

```
npm install @fdhl/eslint-config
```

In your `eslint.config.js`:

```js
import fdhl from '@fdhl/eslint-config';

export default fdhl;
```

## Principles

This configuration is well-suited for modern React/TypeScript projects, focusing on code quality, maintainability, and developer experience

**Modern JavaScript/TypeScript Support**: Uses ECMAScript 2024 features, supports both JavaScript and TypeScript

**Code Quality**: Enforces strict mode patterns, prevents common errors, disallows console statements in production code

**React-Specific Rules**: Uses React 19, enforces React Hooks rules, enables React Compiler, disables prop-types

**Code Style**:
Enforces consistent code style with Prettier, uses `perfectionist` for sorting (enums, interfaces, JSX props, etc.), prefers arrow functions, enforces const over let/var

**Import Management**: Handles imports with eslint-plugin-import-x, prevents unused imports, validates import sources and dependencies

**Security & Best Practices&**:
Prevents test-only code in production (no-only-tests), uses modern JavaScript features (e.g., optional chaining, nullish coalescing), enforces error handling patterns, prevents common security issues

**Development Experience**: Shows warnings for TODO/FIXME comments, provides clear error messages, integrates with TypeScript type checking

## Included Plugins & Rules

This configuration includes the following eslint plugins:

- [`typescript-eslint`](https://github.com/typescript-eslint/typescript-eslint)
- [`eslint-import-resolver-typescript`](https://www.npmjs.com/package/eslint-import-resolver-typescript)
- [`eslint-plugin-import-x`](https://github.com/un-ts/eslint-plugin-import-x)
- [`eslint-plugin-react`](https://github.com/jsx-eslint/eslint-plugin-react)
- [`eslint-plugin-react-hooks`](https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks)
- [`eslint-plugin-unicorn`](https://github.com/sindresorhus/eslint-plugin-unicorn)
- [`eslint-plugin-perfectionist`](https://perfectionist.dev/)
- [`eslint-plugin-no-only-tests`](https://github.com/levibuzolic/eslint-plugin-no-only-tests)

## Recommendations

This configuration is best used with:

- [TypeScript](https://www.typescriptlang.org/) and the [`noUnusedLocals`](https://www.typescriptlang.org/tsconfig#noUnusedLocals) setting.
- [Prettier](https://prettier.io/) and the [`@ianvs/prettier-plugin-sort-imports`](https://github.com/ianvs/prettier-plugin-sort-imports).
npm package: @fdiazpaccot/webpack-js-difference
Description: Webpack js difference
Author: Francisco Diaz Paccot
Latest version: 1.1.3

# Webpack JS Difference

**This is a scaffolding project made for educative reasons**

You could extend the cli if you want.

## USAGE

This cli uses the webpack stats file generated with [webpack-stats-file](https://www.npmjs.com/package/webpack-stats-plugin)

1. Install **weboack-stats-plugin**
`npm i webpack-stats-plugin`

2. Initialize plugin within webpack in you main branch and run `npm run build` or `yarn build`

```
// webpack.config.js

const StatsWriterPlugin = require('webpack-stats-plugin');

module.exports = {
  // Otras configuraciones de Webpack...

  plugins: [
    new StatsWriterPlugin({
      filename: '../webpack-stats-base.json',
      stats: {
        assets: true,
      }
    })
  ]
};
```
or
```
// next.config.js
const { StatsWriterPlugin } = require('webpack-stats-plugin')

const nextConfig = {
  webpack: (config, _options) => {
    config.plugins.push(
      new StatsWriterPlugin({
        filename: '../webpack-stats-base.json',
        stats: {
          assets: true,
        }
      })
    );

    return config;
  }
};

module.exports = nextConfig;
```

3. Move to your working branch and change the filename to `'../.tmp/webpack-stats.json'`
```
// webpack.config.js

const StatsWriterPlugin = require('webpack-stats-plugin');

module.exports = {
  // Otras configuraciones de Webpack...

  plugins: [
    new StatsWriterPlugin({
      filename: '../.tmp/webpack-stats.json',
      stats: {
        assets: true,
      }
    })
  ]
};
```
or
```
// next.config.js
const { StatsWriterPlugin } = require('webpack-stats-plugin')

const nextConfig = {
  webpack: (config, _options) => {
    config.plugins.push(
      new StatsWriterPlugin({
        filename: '../.tmp/webpack-stats.json',
        stats: {
          assets: true,
        }
      })
    );

    return config;
  }
};

module.exports = nextConfig;
```

4. Run the cli using `npx`
```
npx @fdiazpaccot/webpack-js-difference -c
```
npm package: @fdio/eslint-plugin
Description: An ESLint plugin which provides common and enhance lint rules for Vue or TypeScript codebases.
Author: Allex Wang
Latest version: 2.0.1

# `@fdio/eslint-plugin`

An ESLint plugin which provides common and enhance lint rules for Vue or TypeScript codebases.

[![NPM Version](https://img.shields.io/npm/v/@fdio/eslint-plugin.svg?style=flat-square)](https://www.npmjs.com/package/@fdio/eslint-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@fdio/eslint-plugin.svg?style=flat-square)](https://www.npmjs.com/package/@fdio/eslint-plugin)

## Usage

```.eslintrc.js
module.exports = {
  root: true,
  extends: [
    'plugin:@fdio/typescript',
    'plugin:@fdio/vue'
  ],
  parserOptions: {
    parser: '@typescript-eslint/parser',
    project: './tsconfig.json'
  },
  settings: {
    'import/resolver': {
      typescript: {
        project: './tsconfig.json'
      }
    }
  },
  rules: {
    '@typescript-eslint/ban-ts-ignore': 0
  }
}
```
npm package: @fdio/utils
Description: Utility Funcational for Front End Devel
Author: allex
Latest version: 1.1.5

# @fdio/utils

Utility Funcational for Front End Devel.

## Installation

```sh
yarn add @fdio/utils -D
```

## License

[MIT](http://opensource.org/licenses/MIT) Copyright (c) [Allex Wang][1]

[1]: https://github.com/allex/
npm package: @fdionisi/device-authorization-grant
Description: A library to help implement the OAuth 2.0 Device Authorization Grant.
Author: Federico Dionisi
Latest version: 0.4.1

<div align="center">
  <h1>DeviceAuthorizationGrant</h1>
  <p>
    <b>
      A library to help implement the OAuth 2.0 Device Authorization Grant.
    </b>
  </p>
</div>

## Usage

### Deno

```ts
import { DeviceAuthorizationGrant } from "https://github.com/fdionisi/device-authorization-grant/blob/0.2.0/device-authorization-grant.ts";

const deviceAuthorizationGrant = new DeviceAuthorizationGrant(
  myStorage,
  config,
);
```

### Node.js

```ts
// ES Module
import { DeviceAuthorizationGrant } from "@fdionisi/device-authorization-grant";

// Common.js
const { DeviceAuthorizationGrant } = require(
  "@fdionisi/device-authorization-grant",
);

const deviceAuthorizationGrant = new DeviceAuthorizationGrant(
  myStorage,
  config,
);
```

## License

This library is distributed under the terms the MIT license.

See [LICENSE](LICENSE) for details.