open-index/open-npm huggingface dataset:
npm package: @hrbrain/eslint-plugin
Description: [![npm version](https://badge.fury.io/js/%40hrbrain%2Feslint-plugin.svg)](https://badge.fury.io/js/%40hrbrain%2Feslint-plugin) ![LICENSE Apache-2.0](https://img.shields.io/badge/license-Apache--2.0-green.svg?style=flat-square)
Author: hrb-yamamoto-katsuya
Latest version: 0.3.2
Deprecated: Please use GitHub Package Registry.

# ESLint plugin for HRBrain

[![npm version](https://badge.fury.io/js/%40hrbrain%2Feslint-plugin.svg)](https://badge.fury.io/js/%40hrbrain%2Feslint-plugin)
![LICENSE Apache-2.0](https://img.shields.io/badge/license-Apache--2.0-green.svg?style=flat-square)

## Usage

```bash
npm install -D @hrbrain/eslint-plugin eslint

# or

yarn add -D @hrbrain/eslint-plugin eslint
```

```js
// use plugin:

module.exports = {
  parser: "@typescript-eslint/parser",
  parserOptions: { sourceType: "module" },
  plugins: ["@hrbrain"],
  ecmaFeatures: {
    jsx: true,
  },
  rules: {
    "@hrbrain/no-multiple-named-imports": "warn",
    // ...
  },
};
```

```js
// use config:

module.exports = {
  extends: ["plugin:@hrbrain/recommended"],
};
```

## [Rules](https://github.com/hrbrain/eslint-plugin/blob/master/docs/rules/README.md)

## [Configs](https://github.com/hrbrain/eslint-plugin/tree/master/lib/configs)

## Development

This projects use `yarn`.😺

### Create new rule

```bash
yarn gen:rule
```

### Create sandbox

Sandbox means environment that running ESLint as actual.

```bash
yarn gen:sandbox
```

Then, you can run ESLint.

```bash
yarn sandbox
```

### Release

This package use [shipjs](https://github.com/algolia/shipjs).

1. You should add file `.env` at project's root.
   Then, add token of your GitHub's.

```
GITHUB_TOKEN=token_is_here
```

2. Run `yarn release` and answer the some question from prompt.
3. Merge PR made by shipjs like this https://github.com/hrbrain/eslint-plugin/pull/24

Good!! This package is released by GitHub Actions!! Congrats!!

## LICENSE (Apache-2.0)

See [LICENSE](https://github.com/hrbrain/eslint-plugin/blob/master/LICENSE)
npm package: @hrbrain/prettier-config
Description: [![npm version](https://badge.fury.io/js/%40hrbrain%2Fprettier-config.svg)](https://badge.fury.io/js/%40hrbrain%2Fprettier-config) ![LICENSE Apache-2.0](https://img.shields.io/badge/license-Apache--2.0-green.svg?style=flat-square)
Author: hrb-yamamoto-katsuya
Latest version: 0.1.1
Deprecated: Please use GitHub Package Registry.

# Prettier config for HRBrain

[![npm version](https://badge.fury.io/js/%40hrbrain%2Fprettier-config.svg)](https://badge.fury.io/js/%40hrbrain%2Fprettier-config)
![LICENSE Apache-2.0](https://img.shields.io/badge/license-Apache--2.0-green.svg?style=flat-square)

## Usage

```bash
yarn add prettier @hrbrain/prettier-config
```

.prettierrc.js

```js
const config = require("@hrbrain/prettier-config/libs/react/.prettierrc.js");

module.exports = config;
```

## [Presets](./libs)

## Contributing

Thanks!! We prepare [contributing guide](./CONTRIBUTING.md).
Please check this file at first.

## LICENSE (Apache-2.0)

See [LICENSE file](./LICENSE).
npm package: @hrbrain/temaki
Description: Temaki ===
Latest version: 1.0.0

Temaki
===

## Getting started 

使いたいプロジェクトから `yarn` もしくは `npm` でインストールします   
インストールには Github へのアクセス権限が必要です

```bash
$ yarn add hrbrain/temaki # or use npm
```

### Setup the theme

コンポーネント内のスタイル情報は `styled-components` の `ThemeProvider` によって提供されています   
あなたのプロジェクトのルートコンポーネントに `ThemeProvider` を追加して下さい

```tsx
import * as React from 'react'
import { render } from 'react-dom'
import { ThemeProvider } from 'styled-components'
import { ThemeRequiredProps, defaultTheme, Text } from 'hrb-temaki'

const myTheme: ThemeRequiredProps = {
  ...defaultTheme,
  text: '#000'
}

const App = () => {
  return (
    <ThemeProvider theme={myTheme}>
      <Text>Hello</Text>
    </ThemeProvider>
  )
}

render(<App />, document.querySelector('#app'))
```

## Contribution guide

依存ファイルをインストールして `Storybook` を起動してください [http://localhost:6006](http://localhost:6006)

```bash
$ yarn install
$ yarn start 
```

以下のアドオンが使えます
- knobs
- storysource (Not working)
- actions
- a11y

Storybook 内では[tailwind](https://tailwindcss.com)を使うことが出来ます   

### フォルダールール 
#### Basics
```
src/components
└── Text // <- Component name
    ├── __snapshots__ // <- jest で作成された snapshots 
    ├── index.spec.tsx // <- テスト 
    ├── index.tsx             
    └── stories.tsx   // <- Storybook 
```

#### Large size or Multiple exporting components
```
src/components
└── Datepicker
    ├── __snapshots__ 
    ├── conatiners/  // <- View logics 
    ├── presentors/  // <- Pure jsx
    ├── index.spec.tsx 
    ├── index.tsx    // <- ロジックとViewをconnectしてエクスポートする 
    └── stories.tsx
```

### Before your publishing

このプロジェクトでは `dist` フォルダを公開しているため、[husky](https://github.com/typicode/husky) を使用して自動ビルドをかけるようにしています   
`git commit` 毎にビルドと `git add` をしているので改めてビルドする必要はありません   

手動でビルドしたい場合や `lint` を書けたい場合は以下のコマンドを用意しています

```bash
# Linter の起動
$ yarn lint
# 自動 Lint
$ yarn lint-:fix

# ビルド
$ yarn build
```