open-index/open-npm huggingface dataset:
npm package: @kleros/xystra
Description: A collection of data scrapers for various Kleros smart contracts.
Author: Kleros
Latest version: 0.2.0
Deprecated: Obsolete

<p align="center">
  <b style="font-size: 32px;">Kleros Contract Scrapers</b>
</p>

<p align="center">
  <a href="https://standardjs.com"><img src="https://img.shields.io/badge/code_style-standard-brightgreen.svg" alt="JavaScript Style Guide"></a>
  <a href="https://travis-ci.org/kleros/xystra"><img src="https://travis-ci.org/kleros/xystra.svg?branch=master" alt="Build Status"></a>
  <a href="https://david-dm.org/kleros/xystra"><img src="https://david-dm.org/kleros/xystra.svg" alt="Dependencies"></a>
  <a href="https://david-dm.org/kleros/xystra?type=dev"><img src="https://david-dm.org/kleros/xystra/dev-status.svg" alt="Dev Dependencies"></a>
  <a href="https://conventionalcommits.org"><img src="https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg" alt="Conventional Commits"></a>
  <a href="http://commitizen.github.io/cz-cli/"><img src="https://img.shields.io/badge/commitizen-friendly-brightgreen.svg" alt="Commitizen Friendly"></a>
  <a href="https://github.com/prettier/prettier"><img src="https://img.shields.io/badge/styled_with-prettier-ff69b4.svg" alt="Styled with Prettier"></a>
</p>

A collection of data scrapers for various Kleros smart contracts.

## Get Started Using

1. Run `yarn global add @kleros/xystra`.
2. Run `@kleros/xystra` and follow the prompts.

## Get Started Developing

1.  Clone this repo.
2.  Run `yarn` to install dependencies.
3.  Run `yarn start` to run the CLI.

## Other Scripts

- `yarn run prettify` - Apply prettier to the entire project.
- `yarn run lint` - Lint the entire project's .js files.
- `yarn run lint --fix` - Fix fixable linting errors in .js files.
- `yarn run cz` - Run commitizen.
npm package: @klesh/vue-crop
Description: Light-weight Vue.js component for photo cropping with zooming/dragging support
Author: Klesh Wong
Latest version: 1.0.0

# VueCrop
VueCrop is a lightweight cropping component less than 250 lines of code all in a single file, no external dependency, and yet still, provides suffient functionalities for photo cropping

# Demo

https://klesh.github.io/vue-crop

# Usage

## CDN

```vue
<script src="https://unpkg.com/vue@2.6.10/dist/vue.min.js"></script>
<script src="https://unpkg.com/@klesh/vue-crop@1.0.0/dist/vue-crop.min.js"></script>

<template>
  <div>
    <vue-crop src="photo.jpg" :ratio="ratio" v-model="box" @change="done"></vue-crop>
  </div>
</template>

<script>
var app = new Vue({
  el: '#app',
  data: {
    ratio: 0,
    box: null,
  },
  methods: {
    done() {
      console.log('done');
    }
  }
});
</script>
```

## ESM
```vue
<template>
  <div>
    <vue-crop src="photo.jpg" :ratio="ratio" v-model="box" @change="done"></vue-crop>
  </div>
</template>

<script>
import VueCrop from 'https://unpkg.com/@klesh/vue-crop@1.0.0/dist/vue-crop.esm.js';

var app = new Vue({
  el: '#app',
  components: {VueCrop},
  data: {
    ratio: 0,
    box: null,
  },
  methods: {
    done() {
      console.log('done');
    }
  }
});
</script>
```

## NPM
```shell
$ npm install @klesh/vue-crop
```

```js
import VueCrop from '@klesh/vue-crop';

var app = new Vue({
  el: '#app',
  components: {VueCrop},
  data: {
    ratio: 0,
    box: null,
  },
  methods: {
    done() {
      console.log('done');
    }
  }
});
```
npm package: @klettelars/config-provider
Description: Managing configs
Latest version: 0.0.2

# Config Provider

A package that makes it easy working with configs

```ts
import {ConfigProvider} from "@klettelars/config-provider"

const config = await ConfigProvider.fromFile("./config.json")
console.log(await config.getWD())
config.setWD({key1: "test1"})
config.updateWD({key2: "test2"})

const subConfig = await config.subConfig("subConfigKey")
subconfig.setWD({key3: "test3"})
console.log(await config.getWD())

```
npm package: @kleutzinger/html-builder
Description: Build HTML elements using javascript
Author: Kevin Leutzinger
Latest version: 0.0.8

JS to HTML string builder

forked from https://github.com/frango9000/html-builder to add a couple extra tags

Use Js to generate html strings

Install:

`npm i @kleutzinger/html-builder`

Usage:

`import {a,p,br,customTag} from '@kleutzinger/html-builder'`

.

.

.

## Simple tags:

`p("Paragraph")` Outputs: `<p>Paragraph</p>`

## With attributes:

`a({href: "google.com", "Link")` Outputs: `<a href="google.com">Link</p>`

## Self closing tags:

`img({src: "localhost"}, "Text")` Outputs: `<img url="localhost" />`

## Custom Tags:

`customTag("pre", {zindex: "0"}, "Text")` Outputs: `<pre zindex="0">Text</pre>`

## Supported Tags

- style
- title
- a
- h1
- h2
- h3
- h4
- h5
- h6
- p
- b
- i
- q
- strong
- em
- pre
- code
- div
- span
- table
- thead
- tbody
- tfoot
- tr
- td
- th
- colgroup
- caption
- ul
- ol
- li
- dt
- dd
- details
- summary
- option
- select
- textarea
- optgroup
- button

### Self Closing Tags

- area
- base
- br
- col
- embed
- hr
- img
- input
- link
- meta
- param
- source
- track
- wbr
npm package: @klever/sdk
Description: Kleverchain SDK integration with JS
Author: Klever
Latest version: 4.2.3
Deprecated: this package has been deprecated, please read the README below.

# This package is deprecated!!

## Please use the new packages:

- [SDK WEB - If you are creating a web app](https://www.npmjs.com/package/@klever/sdk-web)
- [SDK NODE - If you are creating a node app](https://www.npmjs.com/package/@klever/sdk-node)
npm package: @klever/sdk-web
Description: Kleverchain SDK integration with JS for browser
Author: Klever
Latest version: 1.5.1

## [![npm version](https://badge.fury.io/js/@klever%2Fsdk-web.svg)](https://badge.fury.io/js/@klever%2Fsdk-web)

# Kleverchain SDK library

The SDK module provides a quick and easy interface to make contract calls to the blockchain via the Klever wallet's injected methods.

For a more detailed and organized documentation, please visit the official [Kleverchain SDK Documentation](https://klever.gitbook.io/kleverchain-sdk/) website.

### Installation

```bash
$ npm install @klever/sdk-web
```

or

```bash
$ yarn add @klever/sdk-web
```

<br/>

# Basic usage

```ts
import { web, ITransfer, TransactionType } from "@klever/sdk-web";

const payload: ITransfer = {
  amount: 100 * 10 ** 6,
  receiver: "receiverAddress",
  kda: "KLV",
};

await web.initialize();

const unsignedTx = await web.buildTransaction([
  {
    payload,
    type: TransactionType.Transfer,
  },
]);

const signedTx = await web.signTransaction(unsignedTx);

const response = await web.broadcastTransactions([signedTx]);
```

<hr/>

<br/>

## Execute Code On Account Change

To execute code when the user changes their account, you can use the `onAccountChange` method. This method accepts a callback function that will be executed whenever the account changes.

```ts
import { web } from '@klever/sdk-web';
...
  function accountChangeCallback((accountChangeEvent) {
      if (
        web.isKleverAccount(accountChangeEvent.address, accountChangeEvent.chain)
      ) {
        console.log('Account changed:', accountChangeEvent.address);
        // You can perform any action here, such as updating the UI or fetching new data.
      } else {
        console.error('Not a Klever Account: ', accountChangeEvent.address);
      }
  });

  web.initialize({
    accountChangeCallback
  })
...
```

## Changing Network

The default network is the Kleverchain Mainnet, but if you want to use the Kleverchain Testnet or a local version of the Kleverchain, you can change the kleverWeb provider object by setting it before calling the initialize function.

```ts
import { web, IProvider } from '@klever/sdk-web';
...
  const provider:IProvider = {
      api: 'https://api.testnet.klever.org',
      node: 'https://node.testnet.klever.org'
  };

  window.kleverWeb.provider = provider;

  web.initialize();
...
```

## Transactions

All available transactions:

- `Transfer`
- `Freeze`
- `Unfreeze`
- `Delegate`
- `Undelegate`
- `Claim`
- `Withdraw`
- `CreateAsset`
- `AssetTrigger`
- `ConfigITO`
- `CreateMarketplace`
- `ConfigMarketplace`
- `Sell`
- `Buy`
- `CancelMarketOrder`
- `Proposal`
- `Vote`
- `CreateValidator`
- `ConfigValidator`
- `Unjail`
- `SetAccountName`
- `UpdateAccountPermission`
npm package: @klevio/export-to-csv
Description: Easily create CSV data from json collection
Author: klevio
Latest version: 0.2.4

# export-to-csv | Export to CSV Mini Library
Based off of [this library](https://github.com/javiertelioz/angular2-csv) by Javier Telio

> Helper library to quickly and easily create a CSV file in browser or Node
> 

## Installation

```javascript
yarn add export-to-csv
// npm install --save export-to-csv
```

## Usage
```javascript

import { ExportToCsv } from 'export-to-csv';

var data = [
  {
    name: 'Test 1',
    age: 13,
    average: 8.2,
    approved: true,
    description: "using 'Content here, content here' "
  },
  {
    name: 'Test 2',
    age: 11,
    average: 8.2,
    approved: true,
    description: "using 'Content here, content here' "
  },
  {
    name: 'Test 4',
    age: 10,
    average: 8.2,
    approved: true,
    description: "using 'Content here, content here' "
  },
];

  const options = { 
    fieldSeparator: ',',
    quoteStrings: '"',
    decimalSeparator: '.',
    showLabels: true, 
    showTitle: true,
    title: 'My Awesome CSV',
    useTextFile: false,
    useBom: true,
    useKeysAsHeaders: true,
    // headers: ['Column 1', 'Column 2', etc...] <-- Won't work with useKeysAsHeaders present!
  };

const csvExporter = new ExportToCsv(options);

csvExporter.generateCsv(data);

```

## API


| Option        | Default           | Description  |
| :------------- |:-------------:| -----|
| **fieldSeparator**      | , | Defines the field separator character |
| **filename**      | 'generated' | Sets the name of the downloaded file. ".csv" will be appended to the value provided. |
| **quoteStrings**      | "      | If provided, will use this characters to "escape" fields, otherwise will use double quotes as deafult |
| **decimalSeparator** | .      | Defines the decimal separator character (default is .). If set to "locale", it uses the [language sensitive representation of the number](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString).|
| **showLabels** | false      | If true, the first row will be the `headers` option or object keys if `useKeysAsHeaders` is present|
| **showTitle** | false      | Includes the title as the first line in the generated file   |
| **title** | 'My Generated Report' | This string will be used as the report title |
| **useBom** | true      | If true, adds a BOM character at the start of the CSV to improve file compatibility |
| **useTextFile** | false      | If true, returns a `.txt` file instead of `.csv` |
| **useKeysAsHeaders** | false      | If true, this will use the keys of the first object in the collection as the column headers|
| **headers** | []      | Expects an array of strings, which if supplied, will be used as the column headers|


# Thanks!

|        Credits and Original Authors        |
| :------------- |
| **[javiertelioz](https://github.com/javiertelioz)** |
| **[sn123](https://github.com/sn123)** |
| **[arf1980](https://github.com/arf1980)** |