open-index/open-npm huggingface dataset:
npm package: @ponchodien/react-native-printer-imin
Description: Native Module For iMin Printer SDK Plugin
Author: iminsoftware
Latest version: 0.1.4

# react-native-printer-imin

Native Module For iMin Printer SDK Plugin

## Installation

```sh
npm install @ponchodien/react-native-printer-imin
or
yarn add @ponchodien/react-native-printer-imin
```

## Usage

```js
import PrinterImin from '@ponchodien/react-native-printer-imin';

// ...
PrinterImin.initPrinter();

PrinterImin.getPrinterStatus().then((info) => {
  console.log(info);
});

PrinterImin.printText('Việt Nam vô địch');
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @ponchojs/eventbus
Description: Light weight event bus for JavaScript and TypeScript written in TypeScript with complete type integration.
Author: Lukas Spatschil
Latest version: 1.1.0

# @ponchojs/eventbus

Light weight event bus for JavaScript and TypeScript written in TypeScript with complete type integration.

In order for the event bus to work it is necessary to use ES6 or higher.

## Usage

First import the package with ESM or CommonJS:

```js
import EventBus from '@ponchojs/eventbus';

const EventBus = require('@ponchojs/eventbus');
```

In order to use the eventBus you will need to create a new instance of it:

```js
const eventBus = new EventBus();
```

### Adding an event listener

You can simply add an event listener by calling the `on` function on your event bus.
The first value is the event it should listen to. This has to be a class, function or string.
The second parameter is the callback function which will be called when the event is emitted.

The return value of this function will be the function which unsubscribes this listener from the event bus.

```js
const subscribtion = eventBus.on(NewEvent, event => console.log(event));

const subscribtion = eventBus.on('event', event => console.log(event));
```

### Removing an event listener

When you add an event listener it will return a function. When it is called the event listener will be removed from the event bus.
If the listener was removed successfully it will return `true` otherwise `false`.

```js
const removed = subscribtion.detach();
```

### Emitting an event

With the `emit` or `post` function you can emit a new event on the event bus. This function simply takes your event data as input.

```js
eventBus.emit(new NewEvent('This is data'));

eventBus.post(new NewEvent('This is data'));

eventBus.emit('event');

eventBus.post('event');
```

## TypeScript and typing

Since this package uses' typescript it is possible to get all the type information about the event you are listening to. This helps while developing your callbacks and also allows the typescript compiler to recognize errors in your type usage.

## Bugs and feature suggestions

If you find any bugs or have any feature suggestions feel free to create a new issue on the [issue tracker](https://github.com/lukaspatschil/poncho-eventbus/issues).
npm package: @ponchopay/pp-browser
Description: Tools to integrate PonchoPay on the browser
Author: info@ponchopay.com
Latest version: 1.3.1

# pp-browser

Tools to integrate PonchoPay on the browser

## Usage

There are 2 ways to use this package:

### HTML import

You can import the compiled file directly from our servers:

```html
<script
  src="https://pay.ponchopay.com/api/integration/generic/asset/pp-browser.<version>.min.js"
></script>
```

After this HTML declaration, you will be able to use the web components.

### NPM installation

You can install the module from `npm` (or the package manager of your preference):

```bash
npm i @ponchopay/pp-browser
```

After this command, you can import the web componet like this:

```js
import '@ponchopay/pp-browser';
```

## Using the web components

This library injects 2 new HTML elements:
- [pp-payment](https://github.com/ponchocare/pp-browser/blob/master/docs/pp-payment.md): This web component simplifies the payment initialisation directly from the browser.
- [pp-subscription](https://github.com/ponchocare/pp-browser/blob/master/docs/pp-subscription.md): This web component simplifies the subscription initialisation directly from the browser.

## Considerations

Unfortunately, these web components require the `HTMLElement` class to exist which means that it is not suitable for Server Side Rendering (SSR) applications.
There are, however, some techniques that can be used to mitigate this.

### SvelteKit

When using SvelteKit, the components' import can be pushed to the `onMount` event:

```svelte
<script>
	import { onMount } from 'svelte';

	onMount(async () => {
		await import('@ponchopay/pp-browser');
	});
</script>

<pp-payment>It worked!</pp-payment>
```

Alternatively, the route can be made non-ssr by exporting [`export const ssr = false;`](https://kit.svelte.dev/docs/page-options#ssr) in the `+page.js` file.

## Development

### Linting and formatting

To scan the project for linting and formatting errors, run

```bash
npm run lint
```

To automatically fix linting and formatting errors, run

```bash
npm run format
```

### Testing the project

To test the project for bugs, run

```bash
npm run test
```

### Tooling configs

For most of the tools, the configuration is in the `package.json` to reduce the amount of files in the project.

## Local Demo with `vite`

```bash
npm run start
```

This command will initiate a development server and open the `example/index.html` page automatically.
Feel free to browse this page to find examples on how to use the components.
npm package: @ponchopay/pp-nodejs
Description: Tools to integrate PonchoPay on NodeJS
Author: info@ponchopay.com
Latest version: 1.5.0

# pp-nodejs

Tools to integrate PonchoPay on NodeJS

## Installation

Install it from `npm`:

```bash
npm i @ponchopay/pp-nodejs
```

You can also use your favourite package manger like `yarn` or `pnpm`.

## Usage

This package declares the following functions:
- [createToken](https://github.com/ponchocare/pp-nodejs/blob/master/docs/token/createToken.md): This function allows the creation of tokens for the initialisation endpoints.
- [createJWT](https://github.com/ponchocare/pp-nodejs/blob/master/docs/token/createJWT.md): This function allows the creation of JWTs for the payment manipulation endpoints.
- [isValidCallback](https://github.com/ponchocare/pp-nodejs/blob/master/docs/token/isValidCallback.md): Verifies that a request from Poncho does indeed come from Poncho and hasn't been tampered in any way.
- [parseCallback](https://github.com/ponchocare/pp-nodejs/blob/master/docs/token/parseCallback.md): Securely parses a callback received from Poncho only if the callback is verified to come from Poncho.

And the `Client` class which provides the following methods:
- [validateLocationUrn](https://github.com/ponchocare/pp-nodejs/blob/master/docs/client/validateLocationUrn.md): This method allows to validate a location to ensure it is ready to process payments.
- [initiatePayment](https://github.com/ponchocare/pp-nodejs/blob/master/docs/client/initiatePayment.md): This method allows to initialise a payment in PonchoPay.
- [initiateSubscription](https://github.com/ponchocare/pp-nodejs/blob/master/docs/client/initiateSubscription.md): This method allows to initialise a subscription in PonchoPay.
- [updatePaymentMethod](https://github.com/ponchocare/pp-nodejs/blob/master/docs/client/updatePaymentMethod.md): This method allows to change the Payment Method properties.
- [refundPaymentMethod](https://github.com/ponchocare/pp-nodejs/blob/master/docs/client/refundPaymentMethod.md): This method allows to fully or partially refund a Payment Method.
- [cancelPayment](https://github.com/ponchocare/pp-nodejs/blob/master/docs/client/cancelPayment.md): This method allows to cancel a Payment.
- [cancelRecursion](https://github.com/ponchocare/pp-nodejs/blob/master/docs/client/cancelRecursion.md): This method allows to cancel a Recurring Payment.

## Development

### Linting and formatting

To scan the project for linting and formatting errors, run

```bash
npm run lint
```

To automatically fix linting and formatting errors, run

```bash
npm run format
```

### Testing

To ensure the project is bug-free, run

```bash
npm run test
```
npm package: @ponciusz/keen-slider
Description: The HTML touch slider carousel with the most native feeling you will get.
Author: Eric Beyer
Latest version: 6.6.4

# Keen-Slider

[![npm version](https://badge.fury.io/js/keen-slider.svg)](https://www.npmjs.com/package/keen-slider)
[![npm downloads](https://img.shields.io/npm/dm/keen-slider)](https://www.npmjs.com/package/keen-slider)

**Keen-Slider** is a free library agnostic touch slider
with native touch/swipe behavior and great performance. It comes with
**no dependencies**, **typescript support**, **multitouch support**
and is compatible with
**all common browsers including IE 10**. Furthermore it comes with a **React Hook**, a **React Native Hook** and a **Vue 3 Composition Function** for easier use.

<p align="left">
  <a href="https://keen-slider.io/examples#default"
    ><img alt="this is webp"
 width="285" src="https://keen-slider.io/images/default.webp"
  /></a>
  <a href="https://keen-slider.io/examples#datetimepicker"
    ><img alt="this is webp"
 width="285" src="https://keen-slider.io/images/datepicker.webp"
  /></a>
</p>
<p align="left">
  <a href="https://keen-slider.io/examples#draggable-card"
    ><img alt="this is webp"
 width="285" src="https://keen-slider.io/images/card.webp"
  /></a>
  <a href="https://keen-slider.io/examples#background-rotation"
    ><img
      alt="this is webp"
      valign="top"
      width="285"
      src="https://keen-slider.io/images/rotation.webp"
  /></a>
</p>

## Getting Started

- [Documentation](https://keen-slider.io/docs)
- [Examples](https://keen-slider.io/examples)

## Contributing

Please open an issue if you find a bug or need some help. You are also free to create a pull request.
npm package: @poncoke/uikit
Description: Set of UI components for pancake projects
Latest version: 0.0.1

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @ponday/rollup-plugin-lit-sass
Description: Rollup plugin to import sass as css template.
Author: ponday
Latest version: 1.0.4

# @ponday/rollup-plugin-lit-sass

Rollup plugin to import '.sass' or '.scss' files as LitElement css templates on JavaScript / TypeScript.

## Installation

```
npm install --save-dev @ponday/rollup-plugin-lit-sass
```

## Usage

Import and add this plugin to `plugins` option.

```javascript
import litSass from '@ponday/rollup-plugin-lit-sass';

export default {
  entry: 'src/input.js',
  dest: 'dist/output.js',
  plugins: [
    litSass()
  ]
};
```

Import sass file on JavaScript.

```javascript
import { LitElement, html, css} from 'lit-element';
// import as a function that type is (params: { css: typeof require('lit-element').css }) => CSSResult
import style from './styles.scss';

export class MyElement extends LitElement {
  static styles = style({ css });

  // other implementations...
}
```

If you want to use TypeScript, you might need type declaraiton file for sass/scss.

An example code for SCSS is following:

```typescript
declare module "*.scss" {
  import { css, CSSResult } from 'lit-element';
  const scss: (params: { css: typeof css}) => CSSResult;
  export default scss;
}
```

## License

MIT
npm package: @ponday/rollup-plugin-svg
Description: Rollup plugin for import svg file on JavaScript/TypeScript
Author: ponday
Latest version: 0.1.0

# @ponday/rollup-plugin-svg

Rollup plugin to import SVG files on JavaScript / TypeScript

## Installation

```
npm install --save-dev @ponday/rollup-plugin-svg
```

## Usage

Import and add this plugin to `plugins` option.

```javascript
import svg from '@ponday/rollup-plugin-svg';

export default {
  entry: 'src/input.js',
  dest: 'dist/output.js',
  plugins: [
    svg()
  ]
};
```

### Options

You can use following options.

#### format

value: `text` or `base64` (default: `text`)

Import format. SVG files will format to base64 before import if you specify `base64`.

## License

MIT
npm package: @ponday/typesafe-i18n
Description: It is simple i18n translator scoped with type safety.
Author: ponday-dev
Latest version: 0.1.0-alpha6

# typesafe-i18n

It is simple i18n translator scoped with type safety.

Althogh `get` gets the phrase based on the string like other i18n packages, `typesafe-i18n` properly restrict the usable keyword.

## How to use

```typescript
import * as typesafeI18n from "@ponday/typesafe-i18n";

const localeEn = typesafeI18n.createLocale({
  foo: "Foo",
  bar: {
    baz: "BarBaz",
  },
});

const localeJa = typesafeI18n.createLocale({
  foo: "ふー",
});

const i18n = typesafeI18n.create({
  fallbackLocale: "en",
  initialLocale: typesafeI18n.intl(),
  locales: {
    "ja-JP": localeJa,
    "en-US": localeEn,
  },
});

console.log(i18n.get("foo"));
```