open-index/open-npm huggingface dataset:
npm package: @hulkapps/polaris-vue
Description: Shopify's polaris component library for Vue.js
Author: HulkApps
Latest version: 3.0.10
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# This package and repository are no longer supported.

Please find an alternative package for Polaris Vue that is updated to vue3 - https://ownego.github.io/polaris-vue/?path=/story/get-started--page

# Polaris Vue

Polaris Vue by HulkApps is a component library for [Vue.js](https://vuejs.org/) based on [Shopify Polaris style guide](https://polaris.shopify.com/).

## Documentation

You could browse [online documentation here](https://polaris-vue.hulkapps.com/).

## Quick start

You need [Vue.js](https://vuejs.org/) **version 2+**.

### 1. Install via npm

#### Using NPM
```bash
npm i @hulkapps/polaris-vue
```

#### Using Yarn
```bash
yarn add @hulkapps/polaris-vue
```

### 2. Import and use Polaris Vue

```javascript
import Vue from 'vue';
import PolarisVue from '@hulkapps/polaris-vue';
import '@hulkapps/polaris-vue/dist/polaris-vue.min.css';
Vue.use(PolarisVue);
```

Other available builds
```javascript
'/dist/polaris-vue.min.js';
'/dist/polaris-vue.ssr.js';
'/dist/polaris-vue.esm.js';
```

## Contributing

If you notice any bugs, please create issue tickets. Also, pull requests are welcome.

## License

Code released under [MIT](https://github.com/HulkApps/polaris-vue/blob/master/LICENSE) license.
npm package: @hulkfinance/hulk-swap-sdk
Description: 🛠 An SDK for building applications on top of hulkfinance.
Latest version: 1.0.1

# HulkSwap SDK

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/hulkfinance/hulk-swap-sdk.git
```

Move into the hulk-swap-sdk working directory

```sh
cd hulk-swap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @hulkfinance/hulk-uikit
Description: Set of UI components for hulk projects
Latest version: 0.1.8

# HulkFinance UIkit

HulkFinance UIkit is a set of React components and hooks used to build pages on Hulk's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @hulkfinance/hulk-uikit`

## Setup

### Theme

Before using HulkFinance UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@hulkfinance/hulk-uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@hulkfinance/hulk-uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.
npm package: @hulkhooks/use-localstorage
Description: A simple hook to read and write to localStorage
Latest version: 1.0.1

# Introduction
With this package you can use localStorage in your React app and also in Next.js app without hydration error. It is a simple hook that returns an array with two values. The first value is the value of the key in the localStorage and the second value is a function that you can use to set the value of the key in the localStorage.

# Installation
```
# Npm
npm install @hulkhooks/use-localstorage --save
```

```
# yarn
yarn add @hulkhooks/use-localstorage
```

```
# pnpm
pnpm add @hulkhooks/use-localstorage
```


# Usage
```js
import { useLocalStorage } from '@hulkhooks/use-localstorage'

function UseLocalStorageExample() {
  const [value, setValue] = useLocalStorage('key', 'default-value');
  return (
    <>
      <p>{value}</p>
      <button onClick={() => setValue('new-value')}>Set value</button>
    </>
  );
}
```

# Try It
[![Edit thirsty-cray-ele8gg](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/thirsty-cray-ele8gg?file=/src/App.js)
npm package: @hulkhooks/use-prefers-reduced-motion
Description: You can trigger animation based on user preferences
Latest version: 1.0.1

# Introduction

You can trigger animations in your React App based on user preferences using this hooks.

> The source code for this hook is taken from [https://www.joshwcomeau.com/snippets/react-hooks/use-prefers-reduced-motion/](https://www.joshwcomeau.com/snippets/react-hooks/use-prefers-reduced-motion/)

# Installation

```
# Npm
npm install @hulkhooks/use-prefers-reduced-motion --save
```

```
# yarn
yarn add @hulkhooks/use-prefers-reduced-motion
```

```
# pnpm
pnpm add @hulkhooks/use-prefers-reduced-motion
```

# Usage with React Spring

```js
import { useSpring, animated } from "react-spring";
import { usePrefersReducedMotion } from "@hulkhooks/use-prefers-reduced-motion";
const Box = ({ isBig }) => {
  const prefersReducedMotion = usePrefersReducedMotion();
  const styles = useSpring({
    width: 100,
    height: 100,
    background: "rebeccapurple",
    transform: isBig ? "scale(2)" : "scale(1)",
    immediate: prefersReducedMotion,
  });
  return <animated.div style={styles}>Box!</animated.div>;
};
```

# Try It

[![Edit hulkhooks-use-prefers-reduced-motion-712py8](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/hulkhooks-use-prefers-reduced-motion-712py8?fontsize=14&hidenavigation=1&theme=dark)
npm package: @hulkhooks/use-toggle
Description: A simple hook to toggle a boolean value
Latest version: 1.0.4

# Introduction
Basically, what this hook does is switch a parameter's true or false value to the inverse. It comes in handy when we wish to change one action into its opposite action, such as when we want to reveal or hide a modal, show more or less text, or open or close a side menu.

# Installation
```
# Npm
npm install @hulkhooks/use-toggle --save
```

```
# yarn
yarn add @hulkhooks/use-toggle
```

```
# pnpm
pnpm add @hulkhooks/use-toggle
```


# Usage
```js
function UseToggleExample() {
  const [isTextChanged, setIsTextChanged] = useToggle();
  return (
    <>
      {isTextChanged.toString()}
      <button onClick={setIsTextChanged}>
        {isTextChanged ? "Toggled" : "Click to Toggle"}
      </button>
    </>
  );
}
```

# Try It
[![Edit objective-darkness-jixj5i](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/objective-darkness-jixj5i?fontsize=14&hidenavigation=1&theme=dark)
npm package: @hulkpad/sdk
Description: 🛠 An SDK for building applications on top of HulkPad.
Latest version: 1.0.0

# HulkPad SDK

Forked from the [Uniswap SDK](https://github.com/Uniswap/uniswap-v2-sdk/commit/a88048e9c4198a5bdaea00883ca00c8c8e582605).

You can refer to the Uniswap SDK documentation [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/hulkpad/hukpad-sdk.git
```

Move into the hulkpad-sdk working directory

```sh
cd hulkpad-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @hulkpad/uikit
Description: Set of UI components for hulkpad projects
Latest version: 0.62.0

# 🥞 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: @hulkpham/nsl
Description: Node.js smart logging
Author: Hulk Pham
Latest version: 0.0.2

# NSL

Node.js Smart Logging

## Features

## Install

The easiest way to use **nod** is through the Yeoman Generator.

```sh
$ npm install --save nsl
```

## API

<!-- Generated by documentation.js. Update this documentation by updating the source code. -->

#### Table of Contents

-   [sayHello](#sayhello)
    -   [Parameters](#parameters)

### sayHello

This function says hello.

#### Parameters

-   `name` **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** Some name to say hello for. (optional, default `"Haz"`)

Returns **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** The hello.

## License

MIT © [Diego Haz](https://github.com/diegohaz)
npm package: @hulkstack/rx-node
Description: This library provides a set of observable subprocess utilities for NodeJS.
Latest version: 0.1.0
Deprecated: this package has been deprecated

# @hulkstack/rx-node

This library provides a set of observable subprocess utilities for NodeJS.

- File watcher (chokidar)
- Spawn
- Fork

## Usage

`Spawn(command: string, args: string[], options: SpawnOptions)`

```ts
import { Spawn } from '@hulkstack/rx-node';

const spawnProcess = new Spawn('git', ['pull', '--ff'], { shell: true });

spawnProcess.subscribe({
  next: (value) => {},
  error: (error) => {},
  complete: () => {}
});
```