open-index/open-npm huggingface dataset:
npm package: @kazzcade/salesforcex
Description: Salesforce javascript client with rxjs
Author: Jhorlin DeArmas
Latest version: 0.1.7

# @kazzcade/salesforcex

A salesforce API client implementation using observable streams from rxjs

[![Build Status](https://travis-ci.org/kazzcade/salesforcex.svg?branch=master)](https://travis-ci.org/kazzcade/salesforcex)
[![dependencies](https://david-dm.org/kazzcade/salesforcex.svg)](https://david-dm.org/kazzcade/salesforcex.svg)

## Installation
```bash
npm install --save @kazzcade/salesforcex
```
npm package: @kazzkiq/audio-react-recorder
Description: Audio / Voice Recorder for React
Author: noobieprogrammer
Latest version: 1.0.3

# audio-react-recorder

> Audio / Voice Recorder w/ Audio Wave for React using the [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API)

[![NPM](https://img.shields.io/npm/v/audio-react-recorder.svg)](https://www.npmjs.com/package/audio-react-recorder) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save audio-react-recorder
```

## DEMO

[AudioReactRecorder demo](https://doppelgunner.github.io/audio-react-recorder/)

## Usage

```jsx
import React, { Component } from 'react'

import AudioReactRecorder, { RecordState } from 'audio-react-recorder'

class App extends Component {
  constructor(props) {
    super(props)

    this.state = {
      recordState: null
    }
  }

  start = () => {
    this.setState({
      recordState: RecordState.START
    })
  }

  stop = () => {
    this.setState({
      recordState: RecordState.STOP
    })
  }

  //audioData contains blob and blobUrl
  onStop = (audioData) => {
    console.log('audioData', audioData)
  }

  render() {
    const { recordState } = this.state

    return (
      <div>
        <AudioReactRecorder state={recordState} onStop={this.onStop} />

        <button onClick={this.start}>Start</button>
        <button onClick={this.stop}>Stop</button>
      </div>
    )
  }
}
```

## Supported props

| Property name   | Type          | Default            | Description                                          |
| --------------- | ------------- | ------------------ | ---------------------------------------------------- |
| state           | string        | RecordState.NONE   | RecordState.(NONE,START,STOP,PAUSE)                  |
| type            | string        | audio/wav          | MIME type of the audio file                          |
| backgroundColor | string        | rgb(200, 200, 200) | Background color of the audio wave / canvas          |
| foregroundColor | string        | rgb(0, 0, 0)       | Foreground color of the audio wave / canvas          |
| canvasWidth     | number,string | 500                | Canvas width (you can use css to make it responsive) |
| canvasHeight    | number,string | 300                | canvas height                                        |

## License

MIT © [noobieprogrammer](https://github.com/noobieprogrammer)

## Buy me a coffee or just follow me

[![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=GCJGP8MTETUYU)

- [My Blog](https://noobieprogrammer.blogspot.com/)
- [Twitter](https://twitter.com/noobieprogrmmer)
- [Youtube](https://www.youtube.com/channel/UCpzMkMzGopmft5welUr8QZg)
npm package: @kazzkiq/darkmode
Description: A tiny library for handling dark mode on browsers.
Author: Claudio Holanda Jr.
Latest version: 0.1.0

<p align="center">
  <img src="logo.png" width="100" height="100">
  <br>
  <b role="heading" aria-level="1">DarkMode</b>
  <br>
  A micro library (~350B) for handling dark mode on browsers.
  <br><br>
  <a href="https://travis-ci.com/kazzkiq/darkmode"><img src="https://travis-ci.com/kazzkiq/darkmode.svg?token=8NxvMyxN8sgafdHfeb8d&branch=master" alt="Build Status"></a>
</p>

## Instalation

You can install DarkMode via **npm**:

```
npm install --save darkmode
```

Or use it directly in browser via CDN service:

```
https://unpkg.com/darkmode/dist/darkmode.umd.js
```
npm package: @kazzkiq/perpera
Description: PeerAssets data audit protocol library
Author: Frano Perleta
Latest version: 1.0.0

# perpera

## usage

The browser bundle is built by running `npm run bundle`. The resulting `dist/bundle.js` file should be referenced using
a `<script>` tag, which exposes the library interface through a global `perpera` object.

Available networks are accessible through the `perpera.networks` object: the keys are names and the values are instances
of the `perpera.Network` class.

The central concept is the document.

    var tag = 'foo'; // unique identifier of the document
    var net = perpera.networks['peercoin']; // the blockchain used to store the document's history
    var doc = new perpera.Document(tag, net);
    doc.sync().then(function() {
      // the document is now loaded from the underlying blockchain
    });

After the promise returned by the `sync()` method is fulfilled, the document's `transitions` property may be inspected.
It is an array of transitions, which make up the document's history. Refer to the `src/model.ts` file to understand the
structure of these objects.

In order to modify a document, specially crafted transactions are inserted into the blockchain. Funds spent on these
transactions are handled using instances of `perpera.Spender`.

    var wif = '...'; // private key in WIF (wallet interchange format)
    var spender = perpera.Spender.fromWIF(wif, 'peercoin'); // or perpera.Network instance
    spender.sync().then(function() {
      // the UTXOs are now loaded into the spender instance
    });

The document's content is updated by providing a collection of hash digests:

    var hash = {
      'sha2-256': 'e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855'
    };
    doc.updateContent(hash, spender).then(function() {
      // the transactions have been sent to the network
    });

This should only be performed after both the document and the spender have been synced. If the spender is not the
current owner of the document, an error is thrown without broadcasting any transactions.

It is possible to attach URIs to a document:

    doc.addUri('https://example.com/foo.txt', spender).then(function() {
      // the transactions have been sent to the network
    });

If the given URI is too long to fit into a transaction, an error is thrown.
npm package: @kazzkiq/svelte-preprocess-scss
Description: Svelte preprocessor for scss
Author: Lukas Hechenberger
Latest version: 0.1.3

# svelte-preprocess-sass
<!--
[![CircleCI](https://circleci.com/gh/ls-age/svelte-preprocess-sass.svg?style=svg)](https://circleci.com/gh/ls-age/svelte-preprocess-sass)
[![codecov](https://codecov.io/gh/ls-age/svelte-preprocess-sass/branch/master/graph/badge.svg)](https://codecov.io/gh/ls-age/svelte-preprocess-sass)
[![Greenkeeper badge](https://badges.greenkeeper.io/ls-age/svelte-preprocess-sass.svg)](https://greenkeeper.io/)
-->

> Svelte preprocessor for [scss (SASS)](http://sass-lang.com)

## Installation

```bash
npm install --save-dev @kazzkiq/svelte-preprocess-scss node-sass
```

## Usage

**Using rollup-plugin-svelte**

```javascript
// rollup.config.js
import svelte from 'rollup-plugin-svelte';
import { scss } from '@kazzkiq/svelte-preprocess-scss';
...

export default {
  ...
  plugins: [
    ...
    svelte({
      preprocess: {
        style: scss(),
      },
    }),
  ],
};
```

Now all `<style>` elements in your components that have a `type="text/scss"` or `lang="scss"` attribute will be preprocessed by sass.

### Passing options to sass

The `scss` function passes the first argument to the sass compiler, e.g.:

```javascript
...
scss({
  plugins: [
    ...
  ]
})
```


### Filtering styles

The `scss` function passes the second argument to [svelte-preprocess-filter](https://github.com/ls-age/svelte-preprocess-filter), e.g.:

```javascript
...
sass(
  {} // Empty sass options
  { all: true } // Preprocess all styles
)
```

For available options visit [the sass documentation](http://sass-lang.com/documentation/).