open-index/open-npm huggingface dataset:
npm package: @hanabi.rest/cli
Description: CLI to download code, SQL, and dependencies for hanabi.rest applications.
Latest version: 0.3.2

# @hanabi.rest/cli

A CLI for dumping API files and SQL generated by [hanabi.rest](https://hanabi.rest) to local, and for structuring the project.

```bash
$ npx @hanabi.rest/cli <version-id>
```

## Options

```
Usage: @hanabi.rest/cli create <id> [options]

Options:
  -v, --version          display the version number
  -h, --help             display help for command

Commands:
  create [options] <id>  Create a new project based on the specified version id
  config                 Configure the CLI tool
  help [command]         display help for command
```

## Documents

Please refer to the following document for instructions on how to use the CLI.

https://hanabi.rest/docs/cli

## LICENCE

MIT
npm package: @hanabiagency/toolkit
Description: Fork of deprecated @tinloof/toolkit package
Author: Neil Bradley
Latest version: 1.0.0

# Toolkit

React utility functions.

[Storybook](http://toolkit.hanabi.agency/)

## Install

```
yarn add @hanabiagency/toolkit
```

## Usage

### Stack
> Requires Emotion and React.

```js
import { Stack } from "@hanabiagency/toolkit";

function App() {
  <Stack>
    ...
  </Stack>
}
```
npm package: @hanabira/auth
Description: Hana auth is a lightweight authentication service for React-based applications. It gives you these features out of the box:
Latest version: 0.17.0

# Hana Auth

Hana auth is a lightweight authentication service for React-based applications. It gives you these features out of the box:

- Simple authentication flow
- Lightweight and easy to use
- Strongly typed with Typescript

## Example

```jsx
import { useLogin, GuestState } from '@hanabira/auth';

const MyPage = () => {
  const login = useLogin();

  return (
    <GuestState>
      <button
        onClick={() => {
          login({
            token: 'some-token',
            user: { name: 'John Doe' },
          });
        }}
      >
        Login
      </button>
    </GuestState>
  );
}

export default MyPage;
```

```jsx
import { withGuestState } from '@hanabira/auth';

const MyPage = ({ login }) => {
  return (
    <button
      onClick={() => {
        login({
          token: 'some-token',
          user: { name: 'John Doe' },
        });
      }}
    >
      Login
    </button>
  );
}

export default withGuestState(MyPage);
```

## Installation

```bash
npm i @hanabira/auth # npm users
yarn add @hanabira/auth # yarn users
pnpm i @hanabira/auth # pnpm users
```
npm package: @hanabira/store
Description: Hana Store is a simple, lightweight and easy to use state management library for Hana. It focuses on developer experience and ease of use. It requires no boilerplate, no configuration, and no extra dependencies to get started.
Latest version: 0.12.0

# Hana Store

Hana Store is a simple, lightweight and easy to use state management library for Hana. It focuses on developer experience and ease of use. It requires no boilerplate, no configuration, and no extra dependencies to get started.

## Example

```js
import { createStore } from '@hanabira/store';

/**
 * Add default options based on your needs.
 * This is optional.
 */
createStore({
  state: {
    count: 0,
  },
  reducers: {
    increment: (state, payload = null) => {
      return {
        count: state.count + 1,
      };
    },
  },
});
```

In your components:

```js
import { useStore, useReducer } from '@hanabira/store';

/**
 * Use the store in your components.
 */
const Counter = () => {
  const [count, setCount] = useStore('count');
  const increment = useReducer('increment');

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => increment()}>Increment</button>
    </div>
  );
};
```