open-index/open-npm huggingface dataset:
npm package: @limichange/create-rollup-lib-config
Description: create rollup lib config
Author: limichange
Latest version: 0.0.5

# create rollup lib config

Don't like write rollup config file ? try it 😗.

## Install

```sh
$ yarn add @limichange/create-rollup-lib-config
# or
$ npm i @limichange/create-rollup-lib-config --save-dev
```

## Usage

```js
// rollup.config.js

import createConfig from '@limichange/create-rollup-lib-config'

export default createConfig({
  name: 'lib-name',
  author: 'Limichange',
  version: process.env.VERSION || require('./package.json').version
})
```

## Author

Limichange
npm package: @limigm/watermark
Description: 水印功能
Author: limi
Latest version: 1.0.2

## **欢迎使用 watermark**

### 安装

```
npm install @limigm/watermark
```

### 使用

```
import WaterMark from '@limigm/watermark'
new WaterMark({},{
	rotate: -45
)
```

### 属性

| 属性名                   | 属性值类型               | 属性描述    | 默认值 |
| ------------------------ | ------------------------ | ----------- | ------ |
| canvasOptions            | CanvasOptions            | canvas 属性 |
| waterMarkIndividualStyle | WaterMarkIndividualStyle | 水印属性    |

#### CanvasOptions

| 属性名 | 属性值类型 | 属性描述  | 默认值                         |
| ------ | ---------- | --------- | ------------------------------ |
| width  | number     | canvas 宽 | 200                            |
| height | number     | canvas 高 | 200                            |
| font   | string     | 字体样式  | normal 16px 思源黑体\_ Regular |
| fillStyle| string | 文本颜色| rgba(10, 100, 80, .2)|
|textAlign| center \| left \| right |对齐方式 | center|
|fillTextArr| string[] | 文本内容 | ["limi", "3150987586"]|
|rotate| number | canvas旋转角度|0|
|fillTextX|number|文本横坐标开始|100|
|fillTextY|number|文本纵坐标开始|100|

#### WaterMarkIndividualStyle

| 属性名 | 属性值类型 | 属性描述  | 默认值                         |
| ------ | ---------- | --------- | ------------------------------ |
|z-index| number \| string | 水印层级 | 99999|
|rotate|number|水印旋转角度| -30|
|container|HTMLElement| 绑定的dom元素| document.body|
npm package: @limistah/here-map-js
Description: Includes https://www.here.com/ JS files as scripts in the header of the page
Author: Aleem Isiaka
Latest version: 4.1.2

# Here Map JS

JavaScript scripts loader for [Here Map](https://www.here.com/).

## Installation

```js
npm i @limistah/here-map-js
```

## Usage

```js
import hereMapJS from "@limistah/here-map-js";

// Promise-like
hereMapJS({ interactive: true }).then((result) => {
  console.log(result); // true if it went through
});

// Async/Await
const loaded = await scriptLoader();
console.log(loaded); // true if it went through
```

## Docs

### `hereMapJS(options)` : boolean

#### options properties

##### `options.interactive`

To load the map events scripts. Default `false`

##### `options.includeUI`

To load the UI scripts. Default `false`

##### `options.version || options.VERSION`

Version to be loaded. Default v3/3.0

##### `options.includePlaces || options.includePlaces`

To load `mapsjs-places.js` module. Default `false`
npm package: @limistah/tiny
Description: Removes all spaces from a string
Latest version: 2.1.0

# tiny
![](https://img.shields.io/github/issues/limistah/tiny.svg) ![](https://img.shields.io/badge/npm-v1.0.0-green.svg)

Removes all spaces from a string.

## Install

```
$ npm install @limistah/tiny
```

## Usage

```js
const tiny = require("@limistah/tiny");

tiny("So much space!");
//=> "Somuchspace!"

tiny(1337);
//=> Uncaught TypeError: Tiny wants a string!
//    at tiny (<anonymous>:2:41)
//    at <anonymous>:1:1
```
npm package: @limit.es/limit-react-library
Description: Limit React Library
Author: juanmzaragoza
Latest version: 0.0.1

# Limit React Library

> Limit React Library contains helper libraries for the Limit ecosystem

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

## Install

```bash
npm install --save @limit.es/limit-react-library
```
or
```bash
yarn add @limit.es/limit-react-library
```

## Usage

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

import MyComponent from 'limit-react-library'
import 'limit-react-library/dist/index.css'

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

### Keycloak Authentication
First, configure the redirect url to the site where it will be used.

After, create a `silent-check-sso.html` file inside the `/public` folder
```html
<html>
    <body>
        <script>parent.postMessage(location.href, location.origin)</script>
    </body>
</html>
```

Then, you have to import the `<KeycloakWrapper>` to access to hooks inside any authenticated component
```jsx
import React from "react";
import { keycloak } from 'limit-react-library';
...

const { Keycloak, KeycloakWrapper, KeycloakConfigurator } = keycloak;

const customKeycloak = new Keycloak({
  realm: "limit", // realm as configured in Keycloak
  url: "https://keycloak.limit.es/auth/", // URL of the Keycloak server
  clientId: "estudi-projectes", // client id as configured in the realm in Keycloak
});

const Authentication = () => {
  return <KeycloakWrapper customKeycloak={customKeycloak}>
    <KeycloakConfigurator />
    {/* your authenticated components */}
  </KeycloakWrapper>;
};
```

Use the hooks inside any component:
```jsx
import React from "react";
...

import { keycloak } from 'limit-react-library';

...

const { useKeycloak } = keycloak;

const AuthenticatedComponent = () => {
  const { isAuthenticated, logout, getToken, updateToken } = useKeycloak();
  ...
  const handleLogout = () => {
    logout();
  };

  return <Grid container spacing={2}>
    <Grid item xs={3}>
      <div>You are {isAuthenticated? "":"not"} authenticated!</div>
        {isAuthenticated && <Button variant="contained" onClick={handleLogout}>Logout</Button>}
    </Grid>
    <Grid item xs={9}>
      <TextWrapper>{`Token: ${getToken()}`}</TextWrapper>
      <Typography component={"p"}>{`Updated token: ${updatedToken?? "-"}`}</Typography>
    </Grid>
    ...
  </Grid>
};

export default AuthenticatedComponent;
```

If you need use it inside an isolated function, you should add `<KeycloakConfigurator />` (see the first example) and use `KeycloakUtils` library of this way:
```jsx
import { keycloak } from 'limit-react-library';

const { keycloakFunction: KeycloakUtils } = keycloak;

export const refreshToken = async () => {
  await KeycloakUtils.refresh();
};
```

## License

MIT © [juanmzaragoza](https://github.com/juanmzaragoza)
npm package: @limit0/ember-common-uikit
Description: Common reusable components and helpers for building ambitious ember applications
Author: Josh Worden
Latest version: 0.0.1

# ember-common-uikit
Common reusable components and helpers for building ambitious ember applications

Installation
------------------------------------------------------------------------------

```
ember install ember-common-uikit
```


Usage
------------------------------------------------------------------------------

[Longer description of how to use the addon in apps.]


Contributing
------------------------------------------------------------------------------

### Installation

* `git clone https://github.com/limit-zero/ember-common-uikit`
* `cd ember-common-uikit`
* `yarn install`

### Linting

* `yarn lint:js`
* `yarn lint:js --fix`

### Running tests

* `ember test` – Runs the test suite on the current Ember version
* `ember test --server` – Runs the test suite in "watch mode"
* `ember try:each` – Runs the test suite against multiple Ember versions

### Running the dummy application

* `ember serve`
* Visit the dummy application at [http://localhost:4200](http://localhost:4200).

For more information on using ember-cli, visit [https://ember-cli.com/](https://ember-cli.com/).

License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).
npm package: @limit0/graphql-custom-types
Description: Custom GraphQL Types
Author: Jacob Bare
Latest version: 1.0.2

# GraphQL Custom Data Types
Custom GraphQL Types, such as Date and Cursor

## Install
`yarn add @limit0/graphql-custom-types`

## Usage
Within your root resolver file, require the types and add them to the tree, similar to the following:
```js
const { DateType, CursorType } = require('@limit0/graphql-custom-types');

const resolvers = {
  Date: DateType,
  Cursor: CursorType,
};
```

Also, don't forget to add them to your GraphQL definitions:
```graphql
scalar Date
scalar Cursor
```
npm package: @limitlessdev/serum
Description: Library for interacting with the serum dex
Latest version: 0.13.8

[![npm (scoped)](https://img.shields.io/npm/v/@project-serum/serum)](https://www.npmjs.com/package/@project-serum/serum)
[![Build Status](https://travis-ci.com/project-serum/serum-js.svg?branch=master)](https://travis-ci.com/project-serum/serum-js)

# Serum JS Client Library

JavaScript client library for interacting with the Project Serum DEX.

## Installation

Using npm:

```
npm install @solana/web3.js @project-serum/serum
```

Using yarn:

```
yarn add @solana/web3.js @project-serum/serum
```

## Usage

```js
import { Account, Connection, PublicKey } from '@solana/web3.js';
import { Market } from '@project-serum/serum';

let connection = new Connection('https://testnet.solana.com');
let marketAddress = new PublicKey('...');
let programAddress = new PublicKey("...");
let market = await Market.load(connection, marketAddress, {}, programAddress);

// Fetching orderbooks
let bids = await market.loadBids(connection);
let asks = await market.loadAsks(connection);
// L2 orderbook data
for (let [price, size] of bids.getL2(20)) {
  console.log(price, size);
}
// Full orderbook data
for (let order of asks) {
  console.log(
    order.orderId,
    order.price,
    order.size,
    order.side, // 'buy' or 'sell'
  );
}

// Placing orders
let owner = new Account('...');
let payer = new PublicKey('...'); // spl-token account
await market.placeOrder(connection, {
  owner,
  payer,
  side: 'buy', // 'buy' or 'sell'
  price: 123.45,
  size: 17.0,
  orderType: 'limit', // 'limit', 'ioc', 'postOnly'
});

// Retrieving open orders by owner
let myOrders = await market.loadOrdersForOwner(connection, owner.publicKey);

// Cancelling orders
for (let order of myOrders) {
  await market.cancelOrder(connection, owner, order);
}

// Retrieving fills
for (let fill of await market.loadFills(connection)) {
  console.log(fill.orderId, fill.price, fill.size, fill.side);
}

// Settle funds
for (let openOrders of await market.findOpenOrdersAccountsForOwner(
  connection,
  owner.publicKey,
)) {
  if (openOrders.baseTokenFree > 0 || openOrders.quoteTokenFree > 0) {
    // spl-token accounts to which to send the proceeds from trades
    let baseTokenAccount = new PublicKey('...');
    let quoteTokenAccount = new PublicKey('...');

    await market.settleFunds(
      connection,
      owner,
      openOrders,
      baseTokenAccount,
      quoteTokenAccount,
    );
  }
}
```