open-index/open-npm huggingface dataset:
npm package: @prt-ts/types
Description: This library was generated with [Nx](https://nx.dev).
Author: Pradeep Raj Thapaliya
Latest version: 1.0.0

# types

This library was generated with [Nx](https://nx.dev).

## Building

Run `nx build types` to build the library.

## Running unit tests

Run `nx test types` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @prtcl/plonk
Description: Tiny library that provides timers, envelopes, and random generators
Author: Cory O'Brien
Latest version: 1.7.0

# @prtcl/plonk

A library for creative time processing and randomness generation. Inspired by the time-based functions found in environments like Max and Kyma.

## Installation

```
npm i @prtcl/plonk
```

## What's included

**Timers** — `Metro`, `Frames` — high-resolution loops with runtime metrics

**Generators** — `Drunk`, `Rand`, `Sine`, `Env` — random walks, oscillators, envelopes

**Processors** — `Slew`, `Integrator`, `Scale`, `Fold`, `Wrap` — interpolation, smoothing, range mapping, boundary transforms

**Transfer functions** — `sigmoid`, `tanh`, `expo` — waveshaping and curvature

**Utilities** — `ms`, `clamp`, `now`, `wait` — time conversion, clamping, timestamps

Each function is stateful, with a generator-like API, and you decide when to advance each step. They compose freely with each other to form data and signal chains.

## Quick example

```typescript
import * as p from '@prtcl/plonk';

const d = new p.Drunk({ min: 0, max: 1, step: 0.05 });
const s = new p.Slew({ duration: 500 });
const sx = new p.Scale({ from: { min: 0, max: 1 }, to: { min: 20, max: 600 } });

p.frames(({ state }) => {
  if (state.iterations % 30 === 0) s.setValue(d.next());
  const x = sx.scale(p.sigmoid(s.next()));
  // ... do something with x
});
```

## Documentation

See the full [API Reference](https://github.com/prtcl/plonk/blob/main/docs/API.md).

Also available: [`@prtcl/plonk-hooks`](https://www.npmjs.com/package/@prtcl/plonk-hooks) for React integration.
npm package: @prtcl/plonk-hooks
Description: React hook wrappers for plonk
Author: Cory O'Brien
Latest version: 1.7.0

# @prtcl/plonk-hooks

React hook wrappers for [`@prtcl/plonk`](https://www.npmjs.com/package/@prtcl/plonk). Manages timer lifecycle on mount/unmount and provides memoized instances of plonk's generators for use in components.

## Installation

```
npm i @prtcl/plonk @prtcl/plonk-hooks
```

Requires React 17–19 as a peer dependency.

## Hooks

**Timers** — `useMetro`, `useFrames` — lifecycle-managed timer loops

**Generators** — `useDrunk`, `useRand`, `useEnv`, `useSine`, `useScale`, `useFold`, `useWrap` — memoized instances of the corresponding plonk classes

**Utilities** — `usePrevious` — tracks the previous value of a variable

## Quick example

```typescript
import { useRef } from 'react';
import { useFrames, useEnv } from '@prtcl/plonk-hooks';

function FadeIn({ children }) {
  const ref = useRef(null);
  const env = useEnv({ duration: 2000, from: 0, to: 1 });

  const frames = useFrames(() => {
    if (ref.current) {
      ref.current.style.opacity = `${env.next()}`;
    }
    if (env.done()) {
      frames.stop();
    }
  });

  return <div ref={ref}>{children}</div>;
}
```

## Documentation

See the full [API Reference](https://github.com/prtcl/plonk/blob/main/docs/API.md).
npm package: @pru-rt/react-native-simple-picker
Description: A simple iOS picker for React Native
Author: Chris A
Latest version: 1.4.3

# React Native Simple Picker

A simple iOS picker for React Native.

[![Latest Version](https://img.shields.io/npm/v/react-native-simple-picker.svg)](https://www.npmjs.com/package/react-native-simple-picker)
[![Total Downloads](https://img.shields.io/npm/dt/react-native-simple-picker.svg)](https://www.npmjs.com/package/react-native-simple-picker)
[![License](https://img.shields.io/npm/l/react-native-simple-picker.svg)](LICENSE)

[<img src="https://cloud.githubusercontent.com/assets/499192/14314055/79b56344-fbf5-11e5-9813-66a2d2a040c7.gif" width="350">](https://cloud.githubusercontent.com/assets/499192/14314055/79b56344-fbf5-11e5-9813-66a2d2a040c7.gif)

## Install

```
$ npm install react-native-simple-picker --save
```

## Example

You will find an example in the `/exampleApp` folder.

## Properties

| Prop  | Default  | Type | Description | Required |
| :------------ |:---------------:| :---------------:| :-----| :-----|
| buttonStyle | - | `Object` | Style Close/Continue Buttons | `false` |
| options | - | `Array` | Options that will be passed to the picker | `true`
| initialOptionIndex | - | `Number` | Initial selected option based on it's index | `false`
| labels | - | `Array` | Labels for the options passed to the picker | `false`
| confirmText | Confirm | `String` | Confirm button text | `false`
| cancelText | Cancel | `String` | Cancel button text | `false`
| itemStyle | - | `Object` | Picker style prop. Use this to customize the picker colors, etc | `false`
| disableOverlay | - | `bool` | When set to false it will dismiss the picker when the outside region is pressed | `false`

## Events 

| Prop  | Params  | Description |
| :------------ |:---------------:| :---------------:|
| onSubmit | - |  Use this to trigger any action on your parent component when an option is selected
## License

This package is licensed under [The MIT License (MIT)](LICENSE).
npm package: @prudaily/bootstrap-datetimepicker2
Description: A date/time picker component designed to work with Bootstrap 3 and Momentjs. For usage, installation and demos see Project Site on GitHub
Author: Jonathan Peterson
Latest version: 4.17.47-prudaily.0

# Bootstrap 3 Date/Time Picker
![GitHub version](https://badge.fury.io/gh/Eonasdan%2Fbootstrap-datetimepicker.png)&nbsp;&nbsp;&nbsp;![Travis](https://travis-ci.org/Eonasdan/bootstrap-datetimepicker.svg?branch=development)

![DateTimePicker](http://i.imgur.com/nfnvh5g.png)

## [View the manual and demos](http://eonasdan.github.io/bootstrap-datetimepicker/)

## [Installation instructions](http://eonasdan.github.io/bootstrap-datetimepicker/Installing/)

## [Change Log](http://eonasdan.github.io/bootstrap-datetimepicker/Changelog/)

### This issue tracker is no longer actively monitored.

# Version 5

Version 5 is being completely rewritten in ES6 and modularized as Tempus Dominus.

v5 is [in alpha](https://github.com/tempusdominus/bootstrap-3).
npm package: @prudaily/scroll-into-view-if-needed
Description: Element.scrollIntoViewIfNeeded ponyfill that can animate the scrolling
Author: Stian Didriksen
Latest version: 1.1.0

# scroll-into-view-if-needed

[![npm package](https://img.shields.io/npm/dm/scroll-into-view-if-needed.svg)](https://www.npmjs.com/package/scroll-into-view-if-needed)

[![NPM](https://nodei.co/npm/scroll-into-view-if-needed.png?downloadRank=true)](https://www.npmjs.com/package/scroll-into-view-if-needed)
[![NPM](https://nodei.co/npm-dl/scroll-into-view-if-needed.png?months=3&height=2)](https://nodei.co/npm/scroll-into-view-if-needed/)

This is a [ponyfill](https://ponyfill.com) with the added ability of animating the scroll itself.

Kudos to [@hsablonniere](https://github.com/hsablonniere) for sharing the [original polyfill](https://gist.github.com/hsablonniere/2581101) and [@jocki84](https://github.com/jocki84) for [improving](https://gist.github.com/jocki84/6ffafd003387179a988e) it!

## Install

```bash
npm install scroll-into-view-if-needed
```

## API

### scrollIntoViewIfNeeded(node:Element, centerIfNeeded:boolean, options:object)

Returns a function that can be used to cancel a scroll animation.
Inspired by [scroll-iv](https://www.npmjs.com/package/scroll-iv).

#### Options

##### centerIfNeeded

This defaults to true to match the behavior of the WebKit/Blink implementation.
Set it to false to actually only scroll the parent when needed and not further than absolutely necessary.

##### duration

The duration of the animation in milliseconds, defaults to 0 for no animation.

##### easing

default is ease. Possible values: `ease|easeIn|easeOut|easeInOut|linear`

## Examples
### Vanilla JS

```javascript
import scrollIntoViewIfNeeded from 'scroll-into-view-if-needed'

const activeNode = document.querySelector('li.active')

// Works just like Element.scrollIntoViewIfNeeded in WebKit and Blink
scrollIntoViewIfNeeded(activeNode, false)

// Animates it with a tiny animation lib, no need for jQuery or Velocity
scrollIntoViewIfNeeded(activeNode, false, {
  duration: 150
})

```

### React

```javascript
import scrollIntoViewIfNeeded from 'scroll-into-view-if-needed'
import { Component } from 'react'

export default class Homepage extends Component {

 constructor(props) {
  super(props)
  
  this.setSignupNode = (node) => {
   if(node) {
    this._signupNode = node
   }
  }
  this.goToSignup = (event) => {
   event.preventDefault()
   
   // Passing the dom node from react is all you need for this to work
   scrollIntoViewIfNeeded(this._signupNode, false, {
    duration: 150
   })
  }
 }

 render() {
  return (
    ...
    <a onClick={this.goToSignup}>Signup Now!</a>
    ...
    <form ref={this.setSignupNode}>
    ...
  )
 }
}

```
npm package: @prudencss/sass
Description: Just another baseline perspective to wear any project with the ITCSS architecture
Author: Johannes Neugschwentner
Latest version: 0.1.2

# :pineapple: haiticss

[![Build Status](https://travis-ci.org/haiticss/haiticss.svg?branch=master)](https://travis-ci.org/haiticss/haiticss)

Like others, [haiticss](https://haiticss.io/) is just another CSS framework to wear any project with the [ITCSS](http://itcss.io/) architecture. Mainly inspired on the excellent project [inuitcss](https://github.com/inuitcss/inuitcss) by [Harry Roberts](https://csswizardry.com/), from where we found our best suitable starting point. If you plan to compare and choose other solutions, we suggest you to check [iotaCSS](https://www.iotacss.com/) and [Nebula CSS](http://rbrtsmith.com/nebula-css/) as well.

The main idea that encouraged us to create this project, comes from the necessity to align a solid CSS architecture with a visual language and design collaboration workflow. We use it to build coherent and consistent interfaces, style guides and design systems. Works for both new projects and existing ones, no matter if you start from scratch or you inherited a legacy hell to improve or maintain. If you're looking for similar objectives, maybe you found a suitable starting point for your project.

In the end we added some layers, and a visual language into the architecture. Using it properly, should help you on building digital products right now, without complex setup neither architectural decisions. With [haiticss](https://haiticss.io/) you can easy be succeed in technical terms, but cherry on the cake comes first with design collaboration, and then spreading the language to all involved stakeholders.

Main differences from other similar frameworks are:

* Number prefixes on CSS layers, helping non familiar developers to get into the architecture hierarchy [(reconsidering to add again)](https://github.com/haiticss/haiticss/issues/54).
* Abstract content, no components provided out of the box.
* Design foundations, a visual language defined by close collaboration between developers and designers. Extensible and customizable.
* Feature toggling variables to include/exclude any feature and prevent unused CSS output.
* Objects served both as class based output and mixins as well. It lets you use the black magic on wayward conditions.
* Added a material layer with configurable base elements.
* Added an abstract animations layer.
* Added a color schemes layer.
* Scoped option built on settings and generic layers, helping to start old site migrations on the fly, respecting the legacy code, but breaking most risky inheritance.


### References

* [BEM Naming](http://getbem.com/naming/)
* [Managing CSS Projects with ITCSS](https://www.youtube.com/watch?v=1OKZOV-iLj4&feature=youtu.be)
* [BEMIT: Taking the BEM Naming Convention a Step Further](https://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/)
* [inuitcss](https://github.com/inuitcss/inuitcss)
* [iotaCSS](https://www.iotacss.com/)
* [Nebula CSS](http://rbrtsmith.com/nebula-css/)
npm package: @prudencss/scss
Description: ITCSS framework in SCSS dialect. Pixel exact custom design, extendable with components. Based on HaitiCSS
Author: Johannes Neugschwentner
Latest version: 0.3.9

# :eagle: Prudencss - SCSS ITCSS extensible custom design framework

[![Build Status](https://travis-ci.com/prudencss/scss.svg?branch=master)](https://travis-ci.com/prudencss/scss)

Inspired by [Harry Roberts](https://csswizardry.com/) ITCSS paradigm/CSS architectural pattern.

### Motivation

Being a frontend developer I found myself in the position to implement custom designs and it was rather difficult to use
typical CSS component frameworks, because their design wasn't flexible enough.
Though some do have themeing possibly other design flexibility mechanisms, I couldn't find a nice way to simply grab
some readymade components that would be easy to style.
Also, I wanted to be able to have a nice CSS basis ... like, a decent normalizing/reset, utility classes, reusable mechanisms etc ...

Googling around I found HaitiCSS and some other ITCSS frameworks, forked it ... and adapted it somewhat.
Now there you go.

I'm trying to develop this CSS basis first and then create js/web-components as well.

### Links

Here's some info on ITCSS plus the other ITCSS frameworks:

* [ITCSS](http://itcss.io/)
* [inuitcss](https://github.com/inuitcss/inuitcss)
* [haiticss](https://haiticss.io/)
* [iotaCSS](https://www.iotacss.com/)
* [Nebula CSS](http://rbrtsmith.com/nebula-css/)

### References

* [BEM Naming](http://getbem.com/naming/)
* [Managing CSS Projects with ITCSS](https://www.youtube.com/watch?v=1OKZOV-iLj4&feature=youtu.be)
* [BEMIT: Taking the BEM Naming Convention a Step Further](https://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/)
npm package: @prudent/encode
Description: Encode messages using Prudent's IPC protocol (for communicating between add-ons and Prudent). Also, date() helps convert date strings to comply to Prudent's date string protocol
Author: Vito Chin
Latest version: 2.6.0

@prudent/encode
===============

Encode messages using Prudent's IPC protocol (for communicating between add-ons and Prudent). 

This is useful for Prudent add-on developers.

Installing
==========

```
$ npm install --save
```

Usage
=====

To encode a message that comply to Prudent's add-on communication protocol:

```
encode.protocol(messageName, content);
```

Typically, Prudent will listen to your add-on process' standard output. To send a message to Prudent, the following will do:

```
console.log(encode.protocol('transactions', arrayOfTransactions));
```

To format a date string into a Prudent compatible string:

```
console.log(encode.dateString('2019-12-25'));
```

To format a transaction to be Prudent compatible:

```
console.log(encode.transaction(date, payee, value, description, debit, credit, type));
```

```debit```, ```credit``` and ```type``` are optional. 

To create a chart object that can be sent to a Prudent compatible client:

```
encode.chart(visualizer, type, title, content);
```

See Format section below for the expected type that these parameters.

Protocols
=========

Prudent to Add-on:

| Message name | Expected content                            | Type of add-on applicable | Example                | Data type                    |
|--------------|---------------------------------------------|---------------------------|------------------------|------------------------------|
| file         | Absolute path and filename of file to parse | Parser                    | /Users/Cody/August.csv | String                       |
| transactions | List of transactions in parsed file         | Parser                    | ```[]```               | Array of transaction objects |


Format
=========

Supported date string format:

```
yyyy/mm/dd
```

Use ```encode.dateString()``` to convert most popular date strings to this format.

Expected transaction object format:

```
{
    date: date, // String: yyyy/mm/dd as per above
    payee: payee, // String
    value: value, // Numerics in String form, e.g. '3.89'
    description: description, // String
    debit: debit, // String, Optional
    credit: credit, // String, Optional
    type: type // String: DEBIT | CREDIT, Optional 
} 
```

Use ```encode.transaction()``` to create such an object.

Expected chart object format:

```
{
        visualizer: visualizer, // String, i.e. 'Nivo'
        type: type, // String, i.e. 'ResponsiveBar'
        title: title, // String, i.e. 'Interest earnings'
        chart: content // Object, i.e. props for Responsive Bar component
}
```

Use ```encode.chart()``` to create such an object.
npm package: @prudent/server
Description: Server for Prudent add-ons
Author: Kiern Chin
Latest version: 2.0.0

@prudent/server
===============

Server for Prudent add-ons.

This is useful for Prudent add-on developers.

Installing
==========

```
$ npm install --save @prudent/server
```

Usage
=====

```
require('server').start(function(content) {
    //Place parsing functionality here
    //When parsed, output transactions to stdout
});
```
npm package: @prudent/text-import
Description: Server for Prudent add-ons
Author: Kiern Chin
Latest version: 2.0.0

@prudent/text-import
====================

Server for Prudent text import add-ons.

This is useful for Prudent add-on developers.

Installing
==========

```
$ npm install --save @prudent/text-import
```

Usage
=====

```
require('text-import').start(function(content) {
    //Place parsing functionality here
    //When parsed, output transactions to stdout
});
```
npm package: @prudent/update-addon
Description: Start an update add-on for Prudent
Author: Running Root Private Limited
Latest version: 1.0.0

@prudent/update-addon
======================

Server for Prudent update add-ons.

This is useful for Prudent add-on developers.

Installing
==========

```
$ npm install --save @prudent/update-addon
```

Usage
=====

```
require('@prudent/update-addon').start(function(params) {
    //Place parsing functionality here
    //When parsed, output transactions to stdout
}, {
    param1: 'SOME PARAM',
    param2: 'MORE PARAM'
});
```

For price update add-ons, the following parameters are minimally necessary:

* pricedIn: The symbol that the commodity is priced in
* symbol: The symbol of the commodity for which the price is being updated

For example, this is an update for the ORP commodity priced in $:

```
{
   pricedIn: '$',
   symbol: 'ORP'
}
```
npm package: @prudential-cambodia/react-native-sunmi-v2-printer
Description: Sunmi V2 Printer for React-Native
Author: Suraneti Rodsuwan
Latest version: 1.0.1


# react-native-sunmi-v2-printer

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/suraneti/react-native-sunmi-inner-printer/master/LICENSE) [![npm version](https://badge.fury.io/js/react-native-sunmi-v2-printer.svg)](https://www.npmjs.com/package/react-native-sunmi-v2-printer)

## SUNMI V2 Printer for React-Native

### Caution: this is not the official project and forked form https://github.com/januslo/react-native-sunmi-inner-printer

Offical Demos refer: https://github.com/shangmisunmi/SunmiPrinterDemo

## Installation

**Step 1.**

Install via NPM

```bash
npm install react-native-sunmi-v2-printer --save
```

Install via Yarn

```bash
yarn add react-native-sunmi-v2-printer
```

Install from source

```bash
npm install https://github.com/suraneti/react-native-sunmi-v2-printer.git --save
yarn add https://github.com/suraneti/react-native-sunmi-v2-printer.git --save
```

**Step 2:** (For React-Native < 0.60)

Links this plugin to your project.

```bash
react-native link react-native-sunmi-v2-printer
```

or you may need to link manually

* modify settings.gradle

```javascript
include ':react-native-sunmi-v2-printer'
project(':react-native-sunmi-v2-printer').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-sunmi-v2-printer/android')
```

* modify  app/build.gradle,add dependenceie：

```javascript
compile project(':react-native-sunmi-v2-printer')
```

* adds package references to  MainPackage.java

```java
import com.sunmi.v2.printer.SunmiV2PrinterPackage;
...

 @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
          new SunmiV2PrinterPackage()
      );
    }
```

**Step 3:**

Import in React-Native:

```javascript
import SunmiV2Printer from 'react-native-sunmi-v2-printer';
```

## API

### Constants

| Name | Type| Description |
|:-----:|:-----:|:-----------:|
| Constants | string | Printer's status |
| hasPrinter | boolean | Is printer available |
| printerVersion | string | Printer's version |
| printerSerialNo | string | Printer's serial number |
| printerModal | string | Printer's model |

### Printer Status

|  Name | Description |
|:-----:|:-----------:|
| OUT_OF_PAPER_ACTION | Printer of paper |
| ERROR_ACTION | Printing error |
| NORMAL_ACTION | Printing normal |
| COVER_OPEN_ACTION | Printer's cover has open |
| COVER_ERROR_ACTION | Printer's cover is unusal |
| KNIFE_ERROR_1_ACTION | 切刀异常1－卡切刀 |
| KNIFE_ERROR_2_ACTION | 切刀异常2－切刀修复 |
| OVER_HEATING_ACITON | Printer is overheat |
| FIRMWARE_UPDATING_ACITON | Upgrade printer's firmware |

### Example

Please check on `example/` floder
npm package: @prudnikov21/vue-jsx-hot-loader
Description: Webpack loader for Vue.js components with JSX render functions
Author: cristian@pallares.io
Latest version: 1.4.5

# vue-jsx-hot-loader

[![Greenkeeper badge](https://badges.greenkeeper.io/skyrpex/vue-jsx-hot-loader.svg)](https://greenkeeper.io/)
[![TravisCI Build status](https://travis-ci.org/skyrpex/vue-jsx-hot-loader.svg?branch=master)](https://travis-ci.org/skyrpex/vue-jsx-hot-loader)

> Works with:
>
> ![Vue 2](https://img.shields.io/badge/vue-%5E2.0-green.svg)
> ![Webpack](https://img.shields.io/badge/webpack-%3E=2.0-green.svg)

This loader will enable `Hot Module Replacement` for [Webpack](http://webpack.js.org/) when using Vue's JSX render functions.

## Installation

`npm install vue-jsx-hot-loader`

## Usage

```js
// path/to/component.jsx
export default {
    render(h) {
        return (
            <div>
                <p>Hello</p>
            </div>
        );
    },
};
```

```js
// webpack.config.js
export default {
    // ...
    module: {
        loaders: [
            // Enable HMR for JSX.
            {
                test: /\.jsx$/,
                use: [
                    'babel-loader',
                    'vue-jsx-hot-loader',
                ],
            },
            // Remember to use babel on the rest of the JS files.
            {
                test: /\.js$/,
                use: 'babel-loader',
            },
        ],
    },
};
```

## Gotchas

* It only works for the default exported module (which should normally be the component itself).

## Development

### Playground

```bash
npm run playground
```

### Release

```bash
npx np
```
npm package: @prudvi543/firstlibrary
Description: This is firstlibrary
Author: prudvi-kallepalli
Latest version: 1.0.0

# firstlibrary

> This is firstlibrary

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

## Install

```bash
npm install --save firstlibrary
```

## Usage

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

import MyComponent from 'firstlibrary'

class Example extends Component {
  render () {
    return (
      <MyComponent />
    )
  }
}
```

## License

MIT © [prudvi-kallepalli](https://github.com/prudvi-kallepalli)