open-index/open-npm huggingface dataset:
npm package: @nyancss/class-names
Description: Nyan CSS class names generator
Author: Sasha Koss
Latest version: 1.1.0

# @nyancss/class-names

Nyan CSS class names generator. The package is used in bundler integration packages.

- See Nyan CSS docs at [the main repo](https://github.com/nyancss/nyancss).
- See [the package changelog](./CHANGELOG.md).

## License

[MIT © Sasha Koss](https://kossnocorp.mit-license.org/)
npm package: @nyancss/css-modules
Description: Convert CSS Modules into Nyan CSS
Author: Sasha Koss
Latest version: 1.2.0

# @nyancss/css-modules

Convert CSS Modules into Nyan CSS. The package is used in bundler integration packages.

- See Nyan CSS docs at [the main repo](https://github.com/nyancss/nyancss).
- See [the package changelog](./CHANGELOG.md).

## License

[MIT © Sasha Koss](https://kossnocorp.mit-license.org/)
npm package: @nyancss/css-modules-loader
Description: Nyan CSS webpack loader that converts CSS Modules into components (React/Preact/Vue.js/etc.)
Author: Sasha Koss
Latest version: 1.1.0

# @nyancss/css-modules-loader

Nyan CSS webpack loader that converts CSS Modules (provided by css-loader) into components (React/Preact/Vue.js/etc.).

For the introduction into Nyan CSS and other docs, see [the main repo](https://github.com/nyancss/nyancss). Read further for instruction on setting up the loader.

## Installation

### React/Preact

```bash
npm install --save-dev @nyancss/css-modules-loader @nyancss/react
# or using yarn
yarn add --dev @nyancss/css-modules-loader @nyancss/react
```

### Vue.js

```bash
npm install --save-dev @nyancss/css-modules-loader @nyancss/vue
# or using yarn
yarn add --dev @nyancss/css-modules-loader @nyancss/vue
```

### Class names

```bash
npm install --save-dev @nyancss/css-modules-loader @nyancss/class-names
# or using yarn
yarn add --dev @nyancss/css-modules-loader @nyancss/class-names
```

## Configuration

### Basic confuguration

```js
// ...
{
  test: /\.css$/,
  use: [
    'style-loader',
    '@nyancss/css-modules-loader/REPLACE_ME', // 👈 Add the loader
    // Use '@nyancss/css-modules-loader/react' for React
    // Use '@nyancss/css-modules-loader/preact' for Preact
    // Use '@nyancss/css-modules-loader/vue' for Vue
    // Use '@nyancss/css-modules-loader/class-names' for class names
    { loader: 'css-loader', options: { modules: true } }
  ]
},
// ...
```

### Usage with [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-extract-plugin)

```js
// ...
{
  test: /\.css$/,
  use: [
    '@nyancss/css-modules-loader/REPLACE_ME', // 👈 The loader **before** the plugin
    { loader: MiniCssExtractPlugin.loader }, // 👈 mini-css-extract-plugin
    { loader: 'css-loader', options: { modules: true } }
  ]
},
// ...
```

## Related packages

- [@nyancss/css-modules](https://github.com/nyancss/nyancss-css-modules) - the package used to convert CSS Modules to Nyan CSS.
- [@nyancss/react](https://github.com/nyancss/nyancss-react) - the package used to convert Nyan CSS to React/Preact components.
- [@nyancss/vue](https://github.com/nyancss/nyancss-vue) - the package used to convert Nyan CSS to Vue.js components.
- [@nyancss/class-names](https://github.com/nyancss/nyancss-class-names) - the package used to convert Nyan CSS to class names functions.

## Changelog

See [the changelog](./CHANGELOG.md).

## License

[MIT © Sasha Koss](https://kossnocorp.mit-license.org/)
npm package: @nyancss/react
Description: Nyan CSS React/Preact components generator
Author: Sasha Koss
Latest version: 1.3.0

# @nyancss/react

Nyan CSS React/Preact components generator. The package is used in bundler integration packages.

- See Nyan CSS docs at [the main repo](https://github.com/nyancss/nyancss).
- See [the package changelog](./CHANGELOG.md).

## License

[MIT © Sasha Koss](https://kossnocorp.mit-license.org/)
npm package: @nyancss/types
Description: Nyan CSS types
Author: Sasha Koss
Latest version: 1.1.0

# @nyancss/types

NyanCSS TypeScript types. The package is used to provide types for other Nyan CSS packages.

- See Nyan CSS docs at [the main repo](https://github.com/nyancss/nyancss).
- See [the package changelog](./CHANGELOG.md).

## License

[MIT © Sasha Koss](https://kossnocorp.mit-license.org/)
npm package: @nyancss/utils
Description: Nyan CSS parser utils
Author: Sasha Koss
Latest version: 1.2.0

# @nyancss/utils

Nyan CSS parser utils. The package is used to provide parser functionality for other Nyan CSS packages.

- See Nyan CSS docs at [the main repo](https://github.com/nyancss/nyancss).
- See [the package changelog](./CHANGELOG.md).

## License

[MIT © Sasha Koss](https://kossnocorp.mit-license.org/)
npm package: @nyancss/vue
Description: Nyan CSS Vue.js components generator
Author: Sasha Koss
Latest version: 1.0.0

# @nyancss/vue

Nyan CSS Vue.js components generator. The package is used in bundler integration packages.

- See Nyan CSS docs at [the main repo](https://github.com/nyancss/nyancss).
- See [the package changelog](./CHANGELOG.md).

## License

[MIT © Sasha Koss](https://kossnocorp.mit-license.org/)
npm package: @nyanswap/sdk
Description: 🛠 An SDK for building applications on top of Nyanswap.
Author: catnip-nyanswap
Latest version: 1.4.8

# Nyanswap 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/nyanswap/nyanswap-sdk.git
```

Move into the nyanswap-sdk working directory

```sh
cd nyanswap-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: @nyars-jiten/jp-transcript
Description: Simple lib for converting japanese texts to its transliteration
Latest version: 0.1.0

## About

`jp-transcript` is a library for generating transcriptions from japanese texts used in the NYARS Online Dictionary. It has no built-in taggers, so it only works with kana.

Written with Rust, compiles to WASM with `wasm-pack` and works as an NPM module. Make sure your bundler supports WASM.

## Development

`wasm-pack build --release --target=bundler`
npm package: @nyarthan/prettier-config
Description: Sharable prettier configuration
Author: Jannis Morgenstern
Latest version: 1.0.3

<p align="center">
  <img src="https://raw.githubusercontent.com/prettier/prettier-logo/refs/heads/master/images/prettier-wide-dark.svg" />
  <h1 align="center">Nyarthan's Prettier Config</h1>
</p>

<div align="center">

[![NPM Version](https://img.shields.io/npm/v/%40nyarthan%2Fprettier-config?style=for-the-badge&logo=npm&logoColor=%23fff&label=npm&labelColor=cd0000&color=%23fff)](https://www.npmjs.com/@nyarthan/prettier-config)
[![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/nyarthan/prettier-config/ci.yaml?branch=master&style=for-the-badge&logo=github&logoColor=%23fff&label=CI&labelColor=%23151b23)](https://github.com/nyarthan/prettier-config/actions/workflows/ci.yaml)
[![GitHub License](https://img.shields.io/github/license/nyarthan/prettier-config?style=for-the-badge&labelColor=%23151b23&color=%23f0f6fc)](./LICENSE)

</div>

## Installation

```sh
pnpm add -D prettier @nyarthan/prettier-config
```

## Configuration

Create a config file such as `prettier.config.ts`:

```typescript
export { defineConfig } from "@nyarthan/prettier-config";

export default defineConfig({
  overrides: {
    // override of Prettier's options that are provided by this package
  },
  plugins: {
    astro: {
      // set to `true` to load the astro plugin and config
      enabled: true,
      overrides: {
        // override of of the astro plugin's options
      },
    },
    tailwindcss: {},
    importOrder: {
      overrides: {
        // only custom configuration, that can be used to order private imports in a monorepo
        importPrivateScopes: ["repo", "repo-dev"],
      },
    },
  },
});
```

### Note on Plugins

This package only ships the configuration required to use a plugin.
Setting the `enabled` option to `true`, assumes the plugin to be installed in the consuming project.
Check `peerDependencies` for supported versions.
npm package: @nyarthan/tsconfig
Description: <p align="center">   <img src="https://raw.githubusercontent.com/material-extensions/vscode-material-icon-theme/b17eaadf0b93e5fcb531858391f9d69141dd802c/icons/tsconfig.svg" height="128px" />   <h1 align="center">Shared TSConfigs</h1> </p>
Author: Jannis Morgenstern
Latest version: 0.1.0

<p align="center">
  <img src="https://raw.githubusercontent.com/material-extensions/vscode-material-icon-theme/b17eaadf0b93e5fcb531858391f9d69141dd802c/icons/tsconfig.svg" height="128px" />
  <h1 align="center">Shared TSConfigs</h1>
</p>

## Installation

```bash
pnpm add -D @nyarthan/tsconfig
```

## Usage

```jsonc
// tsconfig.json
{
  "extends": "@nyarthan/tsconfig/(dom|no-dom)"
}
```
npm package: @nyashanziramasanga/react-native-horizontal-scroll-menu
Description: A horizontally scrolling tab/picker component for React Native
Author: NyashaNziramasanga
Latest version: 1.0.11

<div align="center">
    <h1> React Native Horizontal Scroll Menu </h1>
    <p>
      <i>A horizontally scrolling tab/picker component for React Native</i>
    </p>
</div>

|  Actual Project Usage      | Sample |
| :---:        |    :----:   |  
| ![Horizontal Scroll Menu 1](./images/example-usage.gif)      | ![Horizontal Scroll Menu 2](./images/horizontal-scroll-menu.gif)   | 

## 🏁 Getting Started

```bash
npm i @nyashanziramasanga/react-native-horizontal-scroll-menu
```

or

```bash
yarn add @nyashanziramasanga/react-native-horizontal-scroll-menu
```

## 🧰 Usage

```javascript
import HorizontalScrollMenu, { RouteProps } from '@nyashanziramasanga/react-native-horizontal-scroll-menu/src';

 const [selectedIndex, setSelectedIndex] = useState(1);

  const NavigationTabs = [
    {
      id: 0,
      name: 'Tab1',
    },
    {
      id: 1,
      name: 'Tab2',
    },
    {
      id: 2,
      name: 'Tab3',
    },
    {
      id: 3,
      name: 'Tab4',
    },
    {
      id: 4,
      name: 'Tab5',
    },
  ];

const onPress = (route: RouteProps) => {
    setSelectedIndex(route.id);
    console.log('Tab pressed', route);
  };

  return (
    <HorizontalScrollMenu
      items={NavigationTabs}
      onPress={onPress}
      selected={selectedIndex}
      itemWidth={80}
      scrollAreaStyle={{ height: 50 }}
    />
  )
```

## ⚙️ Props

### Required

| Prop      | Description | Type     | Default    |
| :---        |    :----:   |          ---: |---: |
| items      | Array of tab items to be displayed       | Array<NavigationTabsProps>   |     |
| onPress   | Handle when a tab item is pressed        | (route: RouteProps) => void     |     |
| selected   | ident of tab item that is selected        | number    |   0  |

### Optional

| Prop      | Description | Type     | Default    |
| :---        |    :----:   |          ---: |---: |
| upperCase      | Change text to uppercase      | boolean  | false    |
| textStyle      | Style for menu items      | StyleProp<TextStyle>  |  #8C8C8C   |
| buttonStyle      | Style for menu buttons     | StyleProp<TextStyle>  | marginRight: 10    |
| activeTextColor      | Selected/active tab item text color      | string  | #ffffff |
| activeBackgroundColor      | Selected/active tab item background colour     | string | #000000   |
| scrollAreaStyle      | Style for the scroll area     | StyleProp<ViewStyle> | height: 50   |
| keyboardShouldPersistTaps      |    | boolean | always | never | handled | always  |
| itemWidth      | Width of each tab item    | number | 100   |

## Example

Clone the project and cd into `example` folder to see a sample

```bash
cd example

yarn / npm i

expo start
```
npm package: @nyax/core
Description: A State Management Framework
Latest version: 0.10.1

# @nyax/core

A State Management Framework

[![@nyax/core npm version](https://img.shields.io/npm/v/@nyax/core.svg?label=@nyax/core)](https://github.com/SpringNyan/nyax/tree/master/packages/core)

[Documentation](https://nyax.js.org)
npm package: @nyax/mobx
Description: MobX bindings for Nyax
Latest version: 0.10.1

# @nyax/mobx

MobX bindings for Nyax

[![@nyax/mobx npm version](https://img.shields.io/npm/v/@nyax/mobx.svg?label=@nyax/mobx)](https://github.com/SpringNyan/nyax/tree/master/packages/mobx)

[Documentation](https://nyax.js.org)
npm package: @nyax/redux
Description: Redux bindings for Nyax
Latest version: 0.10.1

# @nyax/redux

Redux bindings for Nyax

[![@nyax/redux npm version](https://img.shields.io/npm/v/@nyax/redux.svg?label=@nyax/redux)](https://github.com/SpringNyan/nyax/tree/master/packages/redux)

[Documentation](https://nyax.js.org)
npm package: @nyax/vuex
Description: Vuex bindings for Nyax
Latest version: 0.0.11

# @nyax/vuex

Vuex bindings for Nyax

[![@nyax/vuex npm version](https://img.shields.io/npm/v/@nyax/vuex.svg?label=@nyax/vuex)](https://github.com/SpringNyan/nyax/tree/master/packages/vuex)

[Documentation](https://nyax.js.org)