open-index/open-npm huggingface dataset:
npm package: @react-qml/breakpad
Description: Breakpad Integration for QML and ReactQML application
Author: Long Nguyen
Latest version: 0.1.4

# ReactQML Breakpad

Breakpad Integration for QML and [React QML](https://github.com/longseespace/react-qml) applications

## Installation
```sh
# install native component
qpm install com.react-qml.breakpad
# (optional) install corresponding package for react-qml application
yarn add @react-qml/breakpad
```

The package is provided as a qpm package,
[`com.react-qml.breakpad`](https://www.qpm.io/packages/com.react-qml.breakpad/index.html).  
Check their
[GitHub - Usage for App Developers](https://github.com/Cutehacks/qpm/blob/master/README.md#usage-for-app-developers)
to learn more about qpm.

## API
This package exposes a QML singleton `RQCrashHandler` with the following methods:

```typescript
export type RQCrashHandlerOptions = {
  productName?: string;
  companyName?: string;
  submitURL: string;
  uploadToServer: boolean;
  extra?: object;
};

export interface RQCrashHandlerType {
  init(options: RQCrashHandlerOptions): void;
  addExtraParameter(key: string, value: string): void;
  addExtraParameter(key: string, value: object): void;
  removeExtraParameter(key: string): void;
  getParameters(): object;
  getLastCrashReport(): string;
  hasPendingUpload(): boolean;
  sendCrashReport(crashId: string): void;
  getSubmitURL(): string;
  getProductName(): string;
  getCompanyName(): string;
  getUploadToServer(): boolean;
  crash(): void;
}
```

## Examples

Usage in ReactQML

```javascript
import CrashHandler from '@react-qml/breakpad';
CrashHandler.init({
  productName: 'Ben',
  companyName: 'Podzim',
  submitURL:
    'https://sentry.io/api/xxxxxxx/minidump/?sentry_key=xxxxx',
  extra: {
    sentry: {
      release: '0.0.1',
      environment: process.env.NODE_ENV || 'development',
      debug: process.env.NODE_ENV !== 'production',
      tags: {
        git_branch: 'develop',
      },
    },
  },
})
```

Usage in QML

```qml
import ReactQML 1.0

Item {
  Component.onCompleted: {
    RQCrashHandler.init({
      // options
    })
  }
}
```

## License
ReactQML Breakpad is available under LGPLv3.
npm package: @react-qml/keychain
Description: ReactQML Keychain
Author: Long Nguyen
Latest version: 0.0.3

# RQKeychain

[QtKeychain](https://github.com/frankosterfeld/qtkeychain) for QML and [React QML](https://github.com/longseespace/react-qml) applications

## Installation
```sh
# install native component
qpm install com.react-qml.keychain
# (optional) install corresponding package for react-qml application
yarn add @react-qml/keychain
```

The package is provided as a qpm package,
[`com.react-qml.keychain`](https://www.qpm.io/packages/com.react-qml.keychain/index.html).  
Check their
[GitHub - Usage for App Developers](https://github.com/Cutehacks/qpm/blob/master/README.md#usage-for-app-developers)
to learn more about qpm.

## API
This package exposes a QML singleton `RQKeychain` with the following methods:

```typescript
export interface RQKeychainError {
  name: string;
  message: string;
}

export type RQKeychainCallback<T> = (
  error: RQKeychainError | boolean,
  result: T
) => void;

export interface RQKeychainType {
  setInsecureFallback(insecureFallback: boolean): void;
  readPassword(
    service: string,
    account: string,
    callback: RQKeychainCallback<string>
  ): void;
  writePassword(
    service: string,
    account: string,
    value: string,
    callback?: RQKeychainCallback<void>
  ): void;
  deletePassword(
    service: string,
    account: string,
    callback?: RQKeychainCallback<void>
  ): void;
}
```

## Examples

Usage in QML file

```qml
import ReactQML 1.0

Item {
  Component.onCompleted: {
    RQKeychain.readPassword('Slack', 'token', function(error, result) {
      // result handling
    });
  }
}
```

Usage in JS file
```javascript
import Keychain from '@react-qml/keychain';
Keychain.readPassword('Slack', 'token', (error, result) => {
  // result handling
})
```

## License
RQKeychain is available under MIT.  
QtKeychain is available under the [Modified BSD License](http://www.gnu.org/licenses/license-list.html#ModifiedBSD). See the file COPYING for details.
npm package: @react-query-builder-express/core
Description: User-friendly query builder for React. Core
Author: Denis Oblogin
Latest version: 6.6.3-dev.9

# @react-query-builder-express/core

[![npm](https://img.shields.io/npm/v/@react-query-builder-express/core.svg)](https://www.npmjs.com/package/@react-query-builder-express/core)

This package has core functionality to import/export/store query, provides utils and core config.
Can be used on server-side, does not require React.

## Installation

```
npm i @react-query-builder-express/core --save
```

## Usage

```js
import {
  CoreConfig, Utils,
  // types
  TreeStore, TreeState, TreeActions, InputAction, JsonTree
} from '@react-query-builder-express/core';

// config
const config = {
  ...CoreConfig,
  fields: {
    name: {
      label: 'Name',
      type: 'text',
    },
    age: {
      label: 'Age',
      type: 'number',
    }
  }
};

// load from JSON
const initialTree = Utils.loadTree({
  id: '00001',
  type: 'group',
  children1: [
    {
      id: '00002',
      type: 'rule',
      properties: {
        field: 'age',
        operator: 'greater_or_equal',
        value: [18],
        valueSrc: ['value']
      }
    }
  ]
});
// or import from jsonLogic
// const initialTree = Utils.loadFromJsonLogic({
//   'and': [
//     {
//       '<=': [
//         {var: 'age'},
//         18
//       ]
//     }
//   ]
// }, config);

// create store to manipulate tree on backend
const reducer = TreeStore(config);
let state: TreeState = reducer({tree: initialTree});

// add rule `name == 'denis'`
const rootPath = [ state.tree.get('id') as string ];
const action = TreeActions.tree.addRule(config, rootPath, {
  field: 'name',
  operator: 'equal',
  value: ['denis'],
  valueSrc: ['value'],
  valueType: ['text']
});
state = reducer(state, action);

// export
const tree = Utils.getTree(state.tree);
const { logic } = Utils.jsonLogicFormat(state.tree, config);
const sql = Utils.sqlFormat(state.tree, config);
const spel = Utils.sqlFormat(state.tree, config);
const mongo = Utils.mongodbFormat(state.tree, config);
const elastic = Utils.elasticSearchFormat(state.tree, config);
console.log({ tree, logic, sql, spel, mongo, elastic });

```
npm package: @react-query-builder-express/mui
Description: User-friendly query builder for React. MUI 5 widgets
Author: Denis Oblogin
Latest version: 6.6.4-dev.12

# @react-query-builder-express/mui

[![npm](https://img.shields.io/npm/v/@react-query-builder-express/mui.svg)](https://www.npmjs.com/package/@react-query-builder-express/mui)

This packages provides [MUI](https://mui.com/) widgets

## Installation

Peer dependencies that needs to be installed:

```
npm i @mui/material @emotion/react @emotion/styled @mui/icons-material @mui/x-date-pickers @mui/base --save
```

Install:

```
npm i @react-query-builder-express/mui --save
```

## Usage

Use `MuiConfig`.

See [minimal example in readme](https://github.com/ukrbublik/react-awesome-query-builder#usage) with modifications at top:

```js
// >>>
import type { JsonGroup, Config, ImmutableTree, BuilderProps } from "@react-query-builder-express/mui"; // for TS example
import { Query, Builder, Utils as QbUtils } from "@react-query-builder-express/mui";
import { MuiConfig, MuiWidgets } from "@react-query-builder-express/mui";
import "@react-query-builder-express/mui/css/styles.css";
const InitialConfig = MuiConfig;
// <<<
```
npm package: @react-query-builder-express/ui
Description: User-friendly query builder for React. Core React UI
Author: Denis Oblogin
Latest version: 6.6.4-dev.17

# @react-query-builder-express/ui

[![npm](https://img.shields.io/npm/v/@react-query-builder-express/ui.svg)](https://www.npmjs.com/package/@react-query-builder-express/ui)

This package has core React components like `<Query>` `<Builder>` and CSS, provides config with basic (vanilla) widgets.

## Installation

```
npm i @react-query-builder-express/ui --save
```

## Usage

Use `BasicConfig`.

See [minimal example in readme](https://github.com/ukrbublik/react-awesome-query-builder#usage)