open-index/open-npm huggingface dataset:
npm package: @piingchat/sdk
Description: PIING TypeScript/JavaScript SDK for web and Node.js
Author: PIING
Latest version: 0.1.0

# PIING TypeScript/JavaScript SDK

Official TypeScript/JavaScript SDK for the PIING messaging platform.

## Installation

```bash
npm install @piing/sdk
```

## Usage

```typescript
import { PiingClient } from '@piing/sdk';

// Initialize client
const client = new PiingClient({
  baseUrl: 'https://api.piingapp.co.uk',
  apiKey: 'your-api-key',
});

// Get chats
const chats = await client.getChats();

// Send a message
const message = await client.sendMessage('chat-id', 'Hello, world!');

// Get messages
const messages = await client.getMessages('chat-id', 50, 0);
```

## API Reference

See [PIING API Documentation](https://dev.piingapp.co.uk/docs) for full API reference.

## License

MIT
npm package: @pija-ab/strapi-provider-upload-s3-cloudcubed
Description: Cloudcubed/AWS-S3 provider for strapi upload
Author: Linn Dahlgren
Latest version: 3.2.4

# strapi-provider-upload-aws-s3-cloudcubed

## Resources

- [MIT License](LICENSE.md)

## Links

- [Strapi website](http://strapi.io/)
- [Strapi community on Slack](http://slack.strapi.io)
- [Strapi news on Twitter](https://twitter.com/strapijs)
npm package: @pija-ab/swedbank-pay
Description: [<img src="https://nodei.co/npm/@pija-ab/swedbank-pay.png?mini=true" alt="View this project on NPM">](https://www.npmjs.com/package/@pija-ab/swedbank-pay) [Read the full docs here](https://pijaab.github.io/swedbank-pay/)
Latest version: 2.2.2

# @pija-ab/swedbank-pay
[<img src="https://nodei.co/npm/@pija-ab/swedbank-pay.png?mini=true" alt="View this project on NPM">](https://www.npmjs.com/package/@pija-ab/swedbank-pay)  
[Read the full docs here](https://pijaab.github.io/swedbank-pay/)


This is a node implementation of the [Swedbank Pay API](https://developer.swedbankpay.com/). The only documentation that's currently being followed is the Checkout-V3 Payments Only.

## Configured submodules

* `@pija-ab/swedbank-pay` or `@pija-ab/swedbank-pay/SwedbankPayClient` - The base client class.
* `@pija-ab/swedbank-pay/Errors` - A collection of custom errors.
* `@pija-ab/swedbank-pay/Factories` - Factories to build and create requests to the Swedbank Pay API
* `@pija-ab/swedbank-pay/LiveEntities` - Wrappers for entities on the Swedbank Pay API with methods to manipulate them
* `@pija-ab/swedbank-pay/Types` - Typescript types used by this project
npm package: @pijma/business-icon
Description: Pijma Business Icon
Latest version: 0.5.0

```tsx
import {
  Icon16Add,
  Icon24Add,
  Icon32Add,
  Icon40Add,
} from '@pijma/business-icons'
import { Icon } from '@pijma/business-icon'
import { light } from '@pijma/business-theme'
import { Wrapper } from '@pijma/business-wrapper'

export const App = () => (
  <Wrapper
    components={{
      Icon16Add,
      Icon24Add,
      Icon32Add,
      Icon40Add,
    }}
    theme={light}
    breakpoints={[600, 1200]}
  >
    <Icon name="add" size={16} color="black" />
    <Icon name="add" size={24} color="black" />
    <Icon name="add" size={32} color="black" />
    <Icon name="add" size={40} color="black" />
  </Wrapper>
)
```
npm package: @pijma/business-wrapper
Description: Pijma Business Wrapper
Latest version: 0.5.0

```tsx
import {
  Icon16Add,
  Icon24Add,
  Icon32Add,
  Icon40Add,
} from '@pijma/business-icons'
import { light } from '@pijma/business-theme'
import { Wrapper } from '@pijma/business-wrapper'

const App = () => (
  <Wrapper
    components={{
      Icon16Add,
      Icon24Add,
      Icon32Add,
      Icon40Add,
    }}
    theme={light}
    breakpoints={[600, 1200]}
  >
    // Your amazing application is here...
  </Wrapper>
)
```
npm package: @pijma/react-native
Description: Wrapper around react-native
Latest version: 1.6.0

Wrapper around [react-native](https://reactnative.dev)

## Styles are Props

### `react-native`

```tsx static
<View
  style={{
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    width: 200,
    height: 100,
    padding: 20,
  }}
/>
```

### `@pijma/react-native`

```tsx static
<View
  flex={1}
  alignItems="center"
  justifyContent="center"
  width={200}
  height={100}
  padding={20}
>
```

## Adaptive

### `react-native`

```tsx static
import React from 'react'
import { Dimensions, StyleSheet, View } from 'react-native'

const styles = StyleSheet.create({
  view: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    width: 200,
    height: 100,
    padding: 20,
  },
})

const stylesLarge = StyleSheet.create({
  view: {
    width: 400,
    height: 200,
  },
})

const Box = () => (
  <View
    style={
      Dimensions.get('window').width > 600
        ? StyleSheet.compose(styles.view, stylesLarge.view)
        : styles.view
    }
  />
)
```

### `@pijma/react-native`

```tsx static
import React from 'react'
import { Provider, Theme, View } from '@pijma/react-native'

const Box = () => (
  <View
    flex={1}
    alignItems="center"
    justifyContent="center"
    width={[200, 400]}
    height={[100, 200]}
    padding={20}
  />
)

const App = () => (
  <Provider breakpoints={[600, 1240]}>
    <Box />
  </Provider>
)
```
npm package: @pijma/react-native-svg
Description: Wrapper around react-native-svg
Latest version: 1.6.0

Wrapper around [react-native-svg](https://github.com/react-native-svg/react-native-svg#readme)

No special magic... just reexporting components from `react-native-svg` with prefix `Svg`

```tsx
<Svg height="300" width="300" viewBox="0 0 100 100">
  <SvgCircle
    cx="50"
    cy="50"
    r="45"
    stroke="blue"
    strokeWidth="2.5"
    fill="green"
  />
  <SvgRect
    x="15"
    y="15"
    width="70"
    height="70"
    stroke="red"
    strokeWidth="2"
    fill="yellow"
  />
</Svg>
```
npm package: @pijushbarik/roughpad
Description: Roughpad (rough notes on the go)
Author: Pijush Barik
Latest version: 1.0.0

# Roughpad
A very simple HTML page to take quick note.

## Features
- Automatically saves notes in local storage
- _New features will be added_
    - Control dashboard
    - Manual save/clear storage
    - Last saved/modified timestamp
    - Export/import

## How to run

### Dev server
```(shell)
yarn start
# will start dev server on http://localhost:1234
```

### Build
```(shell)
yarn build
# will create a production build in the `dist` directory
```

### Serve
```(shell)
yarn serve
# will run a server from the directory on http://localhost:9009
```

### Run as a background process
Install `pm2` by running `npm i -g pm2@latest` or `yarn add -g pm2@latest`
Then from inside the project directory
```(shell)
yarn build
pm2 start ./ecosystem.cofig.js
```

This will add the the server as a pm2 process in background and is accssible from `http://localhost:9009`
npm package: @pijushbarik/use-media-query
Description: React hook for media query
Author: Pijush Barik
Latest version: 1.1.2

# use-media-query

React hook for using media query change update on react functional components. Based on [useHooks.com](https://usehooks.com/useMedia/)

## Installation
```sh
npm install @pijushbarik/use-media-query --save
# or
yarn add @pijushbarik/use-media-query
```


## Example
```javascript
import React from "react";
import logo from "./logo.svg";
import "./App.css";

import useMediaQuery from "@pijushbarik/use-media-query";

function App() {
  const isScreenMdOrLess = useMediaQuery(["(max-width: 768px)"], [true], false);

  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Screen resolution is{" "}
          <b style={{ fontSize: 34 }}>
            {isScreenMdOrLess ? "less" : "greater"}
          </b>{" "}
          than 768px.
        </p>
        <p>Resize screen to see changes.</p>
      </header>
    </div>
  );
}

export default App;
```
npm package: @pika/cli
Description: The pika command-line interface
Latest version: 0.2.0

### `$ pika [command]` 

### [`pack`](https://github.com/pikapkg/pack) &nbsp; [`publish`](https://github.com/sindresorhus/np) &nbsp; [`web`](https://github.com/pikapkg/web) &nbsp; [`help`](https://github.com/pikapkg/cli/blob/master/src/index.ts#L38-L53)
npm package: @pika/init
Description: Bootstrap a Pika + Preact/Vue/Typescript/etc. application without the hassle!
Latest version: 2.0.1

# 📦✨ @pika/init

Start a bundler-free  [`@pika/web`](https://github.com/pikapkg/web) web application with a single command!  
Previously released as `create-pika-app`, created by [@ndom91](https://github.com/ndom91)

![Usage Gif](cpa.gif)

## 🛫 Quick Start

```js
npx @pika/init awesome-new-app-directory
cd awesome-new-app-directory
npm run dev
```

The example application will then be available at [`localhost:5000`](http://127.0.0.1:5000)

## 💻 Usage

```js
Usage: npx @pika/init --template [template] <project-name>

Options:
  -V, --version              output the version number
  -t, --template [template]  template choice (optional)
  -h, --help                 output usage information

Examples:
  $ npx @pika/init --template app-preact my-new-app
  $ npx @pika/init --template app-lit my-new-app
  $ npx @@pika/init my-new-app
```

## 🌲 Templates

1. `app-preact`

<img width="400px" src="https://github.com/ndom91/terminal-homepage/raw/develop/terminal.gif" align="right"></img>

Slimmed down version of [`terminal-homepage`](https://github.com/ndom91/terminal-homepage) built on the following stack:

- Preact
- Preact-router
- Preact-emotion
- Typescript
- Babel
- ESLint
- Prettier
- @Pika/Web

2. `app-vue`

<img width="500px" src="https://imgur.com/A2msrQA.png" align="right"></img>

- Vue
- http-vue-Loader
- Basic todo list example
- Original Source: [glitch.me/pika-web-vue-httpvueloader](https://glitch.com/edit/#!/pika-web-vue-httpvueloader)
- Thanks: [`@thiagoabreu`](https://github.com/thiagoabreu)

3. `app-lit`

<img width="500px" src="https://i.imgur.com/f3oYQJS.png" align="right"></img>

- LitElement
- lit-html
- Basic To do List Example
- Thanks: [`@thepassle`](https://github.com/thepassle)


3. `Your next app` 😎

If you'd like to have your project included here, just open a PR and we'll take a look!

## 🚧 Contributing

1. Clone the repo  
   `git clone https://github.com/pikapkg/init pika-init`

2. Install the project  
   `cd pika-init && npm install`

To test execution of the binary:

3. Build the binary
   `npm run build`

4. Generate a test application
   `node pkg/dist-node/index.bin.js generated-test-app-name`

5. Fork, commit & push your changes, and then make a pull request back to this repository!

---

📝 `Licence`[`MIT`](https://opensource.org/licenses/MIT)
npm package: @pika/plugin-build-deno
Description: A @pika/pack plugin: Adds a TypeScript distribution to your package, built to run on Deno.
Latest version: 0.9.2

# @pika/plugin-build-deno

> A [@pika/pack](https://github.com/pikapkg/pack) build plugin.
> Adds a TypeScript distribution to your package, built to run on [Deno](https://deno.land/).

**Note:** The plugin is currently only smart enough to build a distribution from source that would already run on Deno. Converting npm imports to run on Deno is coming soon.


## Install

```sh
# npm:
npm install @pika/plugin-build-deno --save-dev
# yarn:
yarn add @pika/plugin-build-deno --dev
```


## Usage

```json
{
  "name": "example-package-json",
  "version": "1.0.0",
  "@pika/pack": {
    "pipeline": [
      ["@pika/plugin-ts-standard-pkg"],
      ["@pika/plugin-build-deno"]
    ]
  }
}
```

For more information about @pika/pack & help getting started, [check out the main project repo](https://github.com/pikapkg/pack).


## Options

- `"entrypoint"` (Default: `"deno"`): Customize the package.json manifest entrypoint set by this plugin. Accepts either a string, an array of strings, or `null` to disable entrypoint. Changing this is not recommended for most usage.


## Result

1. Adds a TypeScript distribution to your built package: `dist-deno/`
2. Adds a "deno" entrypoint to your built `package.json` manifest.

> *Note:* This package is still experimental, and the built distribution is more or less a copy of your TypeScript source code. We'd love some help making this smarter (for example: rewriting npm package `import` statements from package names to unpkg.com URLs).
npm package: @pika/plugin-build-node
Description: A @pika/pack plugin: Adds a Node.js distribution to your package, built & optimized to run on Node.js.
Latest version: 0.9.2

# @pika/plugin-build-node

> A [@pika/pack](https://github.com/pikapkg/pack) build plugin.
> Adds a Node.js distribution to your package, built & optimized to run on [Node.js](https://nodejs.org/). If no other distribution is included with your package, many other tools & bundlers can understand this format as well.


## Install

```sh
# npm:
npm install @pika/plugin-build-node --save-dev
# yarn:
yarn add @pika/plugin-build-node --dev
```


## Usage

```json
{
  "name": "example-package-json",
  "version": "1.0.0",
  "@pika/pack": {
    "pipeline": [
      ["@pika/plugin-standard-pkg"],
      ["@pika/plugin-build-node", {}]
    ]
  }
}
```

For more information about @pika/pack & help getting started, [check out the main project repo](https://github.com/pikapkg/pack).


## Options

- `"sourcemap"` (Default: `"true"`): Adds a [source map](https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/) for this build.
- `"minNodeVersion"` (Default: `"8"`): This plugin will build your package for the current minimum [Node.js LTS](https://github.com/nodejs/Release) major version. This option allows you to target later versions of Node.js only.
- `"entrypoint"` (Default: `"main"`): Customize the package.json manifest entrypoint set by this plugin. Accepts either a string, an array of strings, or `null` to disable entrypoint. Changing this is not recommended for most usage.


## Result

1. Adds a Node.js distribution to your built package: `dist-node/index.js`
  1. Common.js (CJS) Module Syntax
  1. Transpiled to run on Node.js LTS (Currently, supports Node.js version v6+)
1. Adds a "main" entrypoint to your built `package.json` manifest.
npm package: @pika/plugin-build-types
Description: A @pika/pack plugin: Adds TypeScript type definitions to your package build.
Latest version: 0.9.2

# @pika/plugin-build-types

> A [@pika/pack](https://github.com/pikapkg/pack) build plugin.
> Automatically adds TypeScript type definitions to your package build.

*Note: This plugin is not needed if you are already writing TypeScript and using the [ts-standard-pkg](/packages/plugin-ts-standard-pkg) plugin.*


## Install

```sh
# npm:
npm install @pika/plugin-build-types --save-dev
# yarn:
yarn add @pika/plugin-build-types --dev
```


## Usage

```json
{
  "name": "example-package-json",
  "version": "1.0.0",
  "@pika/pack": {
    "pipeline": [
      ["@pika/plugin-standard-pkg"],
      ["@pika/plugin-build-types"]
    ]
  }
}
```

For more information about @pika/pack & help getting started, [check out the main project repo](https://github.com/pikapkg/pack).


## Options

- `"tsconfig"`: The relative path to the `tsconfig.json` config file to use. Defaults to the top-level project TypeScript config file, if one exists.
- `"args"`: Optional, an array of additional arguments for tsc. Example: `["--build"]`
- `"entrypoint"` (Default: `"types"`): Customize the package.json manifest entrypoint set by this plugin. Accepts either a string, an array of strings, or `null` to disable entrypoint. Changing this is not recommended for most usage.


## Result

1. Adds or generates TypeScript definitions for your package build: `dist-types/`
  - If your package is written in TypeScript: Types are automatically generated from your source.
  - If your package already includes custom-written type definitions: These files are automatically copied into your package build.
  - Otherwise: Automatically generate definitions from your JavaScript source. *(Note that this currently requires that you include `@pika/plugin-build-node` or some other Node.js build earlier in the pipeline.)*
2. Adds a "types" entrypoint to your built `package.json` manifest.
npm package: @pika/plugin-build-umd
Description: A @pika/pack plugin: Adds a UMD distribution to your package, built to be flexible & run on legacy browsers & environments.
Latest version: 0.9.2

# @pika/plugin-build-umd

> A [@pika/pack](https://github.com/pikapkg/pack) build plugin.
> Adds a UMD distribution to your package, built to be flexible & run on legacy browsers & environments. If you're looking to build for web browsers and/or UNPKG, we recommend using `@pika/plugin-build-web` instead.


## Install

```sh
# npm:
npm install @pika/plugin-build-umd --save-dev
# yarn:
yarn add @pika/plugin-build-umd --dev
```


## Usage

```json
{
  "name": "example-package-json",
  "version": "1.0.0",
  "@pika/pack": {
    "pipeline": [
      ["@pika/plugin-standard-pkg"],
      ["@pika/plugin-build-umd"]
    ]
  }
}
```

For more information about @pika/pack & help getting started, [check out the main project repo](https://github.com/pikapkg/pack).


## Options

- `"sourcemap"` (Default: `"true"`): Adds a [source map](https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/) for this build.
- `"name"` (Defaults: your package name): Sets the name that your package is attached to on the `window` object.
- `"entrypoint"` (Default: `"umd:main"`): Customize the package.json manifest entrypoint set by this plugin. Accepts either a string, an array of strings, or `null` to disable entrypoint. Changing this is not recommended for most usage.


## Result

1. Adds a UMD distribution to your built package: `dist-umd/index.js`
  1. UMD Syntax
  1. All dependencies bundled with the package.
  1. Transpiled to run on all actively used and maintained browsers (excluding IE 11 and Opera Mini).
1. Adds a "umd:main" entrypoint to your built `package.json` manifest.
npm package: @pika/plugin-build-web
Description: A @pika/pack plugin:  Adds an ESM distribution to your package, built & optimized to run in most web browsers (and bundlers).
Latest version: 0.9.2

# @pika/plugin-build-web

> A [@pika/pack](https://github.com/pikapkg/pack) build plugin.
> Adds an ESM distribution to your package optimized for web bundlers and tooling. For a standalone build meant to run directly in the browser, check out [plugin-bundle-web](/packages/plugin-bundle-web).


## Install

```sh
# npm:
npm install @pika/plugin-build-web --save-dev
# yarn:
yarn add @pika/plugin-build-web --dev
```


## Usage

```json
{
  "name": "example-package-json",
  "version": "1.0.0",
  "@pika/pack": {
    "pipeline": [
      ["@pika/plugin-standard-pkg"],
      ["@pika/plugin-build-web"]
    ]
  }
}
```

For more information about @pika/pack & help getting started, [check out the main project repo](https://github.com/pikapkg/pack).

## Options

- `"sourcemap"` (Default: `"true"`): Adds a [source map](https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/) for this build.
- `"entrypoint"` (Default: `"module"`): Customize the package.json manifest entrypoint set by this plugin. Accepts either a string, an array of strings, or `null` to disable entrypoint. Changing this is not recommended for most usage.


## Result

1. Adds a web distribution to your built package: `dist-web/index.js` Targets Modern (ES2020) syntax optimized for bundlers & web tooling.
1. Adds a "module" entrypoint to your built `package.json` manifest.

Packages that use this plugin will work on the Pika CDN. To support running directly from UNPKG, check out [plugin-bundle-web](/packages/plugin-bundle-web).