open-index/open-npm huggingface dataset:
npm package: @kaineee/nier-automata-ui-library
Description: react ui library component based of nier automata settings ui
Author: Kaine
Latest version: 0.2.9

# Nier Automata Design System (WIP)

a Wiki site with in-game native User Interface Design. and React component UI libary based on Nier Automata User Interface.

# Table of Contents
- [General Information](#general-information)
- [Links](#links)
- [Components](#components)
- [Variants and Props Explanation](#variants-and-props-explanations)
- [Stacks](#stacks)
- [To do](#to-do)

# General Information
Yorha Archive - website to see all about in game resources and informations such as quest, weapons, items, novel, etc, that you would normally see in wiki, but with the native game user interface design. 
giving the feelings as if yo are viewing them from the game itself.
<br><br>
Ui Library - React component library based on Nier Automata User Interface, translating them from in game into web components.
<br> <br> There are also several others project im developing in this repository such as the mini game, and some basic chat app with Yorha Signature Interface in this project.

# Links
### [YoRha Archive Website](https://yorha-archive.netlify.app/) - Informations, journal, and codex from Nier Automata with its signature settings design i built in this project.

### [UI Library](https://nier-ui-storybook.netlify.app/) - React components library i built and use for this project, you can try it by downloading it from npm or see it on Storybook.
### [Project Repository](https://github.com/Kndgy/NieR-Automata-Design-System)

# Components
Components | Variants | Props | Default
--- | --- | --- | --- |
Title | - | title = string <br> subtitle = string | -
Bar | Light, Dark | dark = boolean | light |
Button | Button, Checkbox | variant = button / checkbox<br>text = string <br>disabled = boolean | button |
Footer | - | Text = string | - |
ScrollElement | - | Content = ReactNode | - |
ScrollElement Tab | - | Content = ReactNode | - |
Strip | - | - | - |
Widget | Light, Dark | Dark = boolean <br> title = string <br> content = ReactNode <br> icon (wip) <br> lvl = string / number | Light |
Yorha NavLink | button <br> nav <br> transparent <br> neutral | text = string <br> to = string <br> filter = string <br>className = string <br> disabled = boolean <br> filterType = string <br> variant = button / nav / transparent / netural| nav |
DropDown | - | title = string <br> content = react.node | - 

# Variants and Props Explanations
To do

# Stacks
- React with TypeScript 
- Styled Components (UI Library is dependant on it)
- Storybook with webpack
- Sass
- Rollup

# to do : 
- font size on atom level component
- Animations Transitions
- loading splash screen
npm package: @kainiedziela/monetize
Description: Format and parse currency numbers
Author: Kai Niedziela
Latest version: 1.0.1

# monetize

A lightweight library used to format a number to a currency format and parse such values back to numbers.

## Installation

```bash
npm install @kainiedziela/monetize --save
```

## Usage

```JS
import { monetize, demonetize } from "@kainiedziela/monetize"
monetize(1.23) // -> "$1.23"
demonetize("$1.23") // -> 1.23
```

When using `demonetize` on a monetized value that had custom options remember to pass those same options to as a param to `demonetize`, otherwise it may not parse such a value properly. This mainly concerns `decimal` and `negativePattern` options.

## Options

You can customize the formatting and parsing of `monetize` and `demonetie` with an optional options object. These values default to US centric currency values, but they can be overridden based on your locale.

### `symbol`, default: `"$"`

```JS
monetize(1.23) // -> "$1.23"
monetize(1.23, { symbol: '€' }) // -> "€1.23"
```

### `groups`, default: `3`

The number of digits to be grouped into a single grouping.

```JS
monetize(1000.23) // -> "$1,000.23"
monetize(1000.23, { groups: 2 }) // -> "$10,00.23"
```

### `separator`, default: `","`

Separator between the number groupings.

```JS
monetize(1000.23) // -> "$1,000.23"
monetize(1000.23, { separator: "" }) // -> "$1000.23"
monetize(1000.23, { separator: " " }) // -> "$1 000.23"
```

### `decimal`, default: `"."`

```JS
monetize(1.23) // -> "$1.23"
monetize(1.23, { decimal: "," }) // -> "$1,23"
```

### `precision`, default: `2`

Number of decimal places to store as the fractional.

```JS
monetize(1.23) // -> "$1.23"
monetize(1.23, { precision: 0 }) // -> "$1"
monetize(1.23, { precision: 3 }) // -> "$1.230"
```

### `pattern`, default: `"!#"`

Allows you to customize the format pattern using `!` as replacement for the currency symbol and `#` as replacement for the currency amount.

```JS
monetize(1.23) // -> "$1.23"
monetize(1.23, { pattern: "# !" }) // -> "1.23 $"
monetize(1.23, { pattern: "<!#>" }) // -> "<$1.23>"
monetize(1.23, { pattern: "#" }) // -> "1.23"
```

### `negativePattern`, default: `"-!#"`

Allows you to customize the negative format pattern using `!` as replacement for the currency symbol and `#` as replacement for the currency amount.

```JS
monetize(1.23) // -> "$1.23"
monetize(1.23, { negativePattern: "!-#" }) // -> "$-1.23"
monetize(1.23, { negativePattern: "-# !" }) // -> "-1.23 $"
monetize(1.23, { negativePattern: "(!#)" }) // -> "($1.23)"
monetize(1.23, { negativePattern: "-#" }) // -> "-1.23"
```
npm package: @kainiedziela/slugize
Description: Convert sentences, titles and special characters to a url-appropiate slug
Author: Kai Niedziela
Latest version: 1.0.0

# slugize

Convert sentences, titles and special characters to a url/filename/id-appropiate and readable slug.

## Installation

```bash
npm install @kainiedziela/slugize --save
```

## Usage

```JS
import { slugize } from '@kainiedziela/sunday';

const slug = slugize(string);
```

`slugize(string)` returns a string that had replaced special characters with latin alternatives, replaced spaces with dashes, removed periods, replaced non-alphanumerical characters with dashes, condensed consecutive dashes, lowercased and with the begging and end trimmed (so that the string doesn't start or end with a dash).

## Testing

Tests are performed with [Jest](https://jestjs.io/en/).

`npm run test`

This project is under the **MIT license**.
npm package: @kainiedziela/sunday
Description: Determine when the next Sunday is and whether it's open to trade in Poland
Author: Kai Niedziela
Latest version: 1.2.0

# sunday

Determine when the next Sunday is and whether it's open to trade in Poland.

## Installation

```bash
npm install @kainiedziela/sunday --save
```

## Usage

```TS
import { sunday } from '@kainiedziela/sunday';

const nextSunday: Date = sunday.next(new Date());
const storesOpened: boolean = sunday.trade(nextSunday);
```

`sunday.next(today)` returns the date (in `Date` format) of the next Sunday, unless the passed in date is a Sunday, then it returns the same date. Only accepts dates in a `Date` format.

`sunday.trade(date)` returns a boolean value - **true** if the passed in date is a Sunday and the stores will be/are opened on that Sunday or **false** if they are closed. `trade()` only accepts Sundays in a `Date` format.

If an invalid `Date` object or something that isn't an `instanceof Date` will be passed as an argument to either of those functions an error will be thrown indicating what went wrong.

## Testing

Tests are performed with [Jest](https://jestjs.io/en/) on a built JavaScript file.

`npm run test`

This project is under the **MIT license**.
npm package: @kainisoft/tools
Description: Feature generator
Author: Kairat Bakytov kainisoft@gmail.com
Latest version: 0.0.10

# Angular Schematic Feature Generator

This repository is a Schematic implementation that generate feature module for your project.

Simply run:

```bash
ng add @kainisoft/tools
```

Then define your feature module name!<br>
That's it!
npm package: @kainoa/simplybuild
Description: Smart iOS build and deploy CLI wrapper for xcodebuildmcp
Latest version: 0.2.0

# Simply Xcode Build

`simplybuild` is a smart CLI wrapper around `xcodebuildmcp` for one-command iOS build, deploy, and launch.

## Requirements

- macOS with Xcode
- Node.js 20+
- `xcodebuildmcp` available in `PATH` (interactive runs can install it automatically)

## Install

```bash
npm install -g @kainoa/simplybuild
```

Then run:

```bash
simplybuild --help
sb --help
simplebuild --help
```

Aliases that resolve to the same CLI: `sb`, `simplebuild`, `simple-build`, `simply-build`, `symplebuild`, `symplybuild`, `symple-build`, and `symply-build`.

## Usage

```bash
simplybuild --help
simplybuild "screenager"
simplybuild --device "iPhone 15"
simplybuild --scheme MyApp
simplybuild --list-devices
simplybuild --list-projects
simplybuild --verbose
```

## Behavior

- Auto-discovers `.xcworkspace` and `.xcodeproj` recursively from the current directory.
- Prompts to search parent directories if no containers are found.
- Auto-discovers schemes with `xcodebuild -list -json`.
- Falls back to interactive Clack selectors when target selection is required.
- Requires exact `--device` name matching (case-insensitive).
- Prompts once per project/device pair before physical deployment.
- Checks for `xcodebuildmcp` at startup and can offer to install it in interactive mode.

## Contributing

For local development:

```bash
npm install
npm run build
npm test
```

Run from source:

```bash
node dist/cli.js --help
```

Contributions are welcome. Anyone is free to open a PR on GitHub: https://github.com/notkainoa/SimplyBuild
npm package: @kainstar/eslint-config
Description: My personal eslint config
Author: Kainstar
Latest version: 2.0.0

# @kainstar/eslint-config

[![npm package][npm-img]][npm-url] [![Build Status][build-img]][build-url] [![Downloads][downloads-img]][downloads-url] [![Issues][issues-img]][issues-url] [![Commitizen Friendly][commitizen-img]][commitizen-url] [![Semantic Release][semantic-release-img]][semantic-release-url]

ESLint config for kainstar projects

Thanks antfu's [eslint-config](https://github.com/antfu/eslint-config), this project references it a lot, and do some changes to fit my needs.

- All plugins as dependencies, don't need to install them manually
- TypeScript is basic, so remove or off some rules that can be checked by the TypeScript compiler.
- Stop check style (should use stylelint) and other file types not used usually.

## Usage

### Install

```bash
pnpm i -D eslint @kainstar/eslint-config
```

### Create config file

With [`"type": "module"`](https://nodejs.org/api/packages.html#type) in `package.json` (recommended):

```js
// eslint.config.js
import kainstar from '@kainstar/eslint-config';

export default kainstar();
```

## VS Code support (auto fix)

Install [VS Code ESLint extension](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)

Add the following settings to your `.vscode/settings.json`:

```jsonc
{
  // Enable the ESlint flat config support
  "eslint.experimental.useFlatConfig": true,

  // Auto fix
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit",
    "source.organizeImports": "never",
  },

  // Silent the stylish related rules in you IDE, but still auto fix them
  "eslint.rules.customizations": [
    { "rule": "prettier/prettier", "severity": "off" },
    { "rule": "*-indent", "severity": "off" },
    { "rule": "*-spacing", "severity": "off" },
    { "rule": "*-order", "severity": "off" },
    { "rule": "*-newline", "severity": "off" },
  ],

  // Enable eslint for all supported languages
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "vue",
    "html",
    "markdown",
    "yaml",
  ],
}
```

[build-img]: https://github.com/kainstar/eslint-config/actions/workflows/release.yml/badge.svg
[build-url]: https://github.com/kainstar/eslint-config/actions/workflows/release.yml
[downloads-img]: https://img.shields.io/npm/dt/@kainstar/eslint-config
[downloads-url]: https://www.npmtrends.com/@kainstar/eslint-config
[npm-img]: https://img.shields.io/npm/v/@kainstar/eslint-config
[npm-url]: https://www.npmjs.com/package/@kainstar/eslint-config
[issues-img]: https://img.shields.io/github/issues/kainstar/eslint-config
[issues-url]: https://github.com/kainstar/eslint-config/issues
[semantic-release-img]: https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg
[semantic-release-url]: https://github.com/semantic-release/semantic-release
[commitizen-img]: https://img.shields.io/badge/commitizen-friendly-brightgreen.svg
[commitizen-url]: http://commitizen.github.io/cz-cli/
npm package: @kainstar/typescript-npm-package-template
Description: A template for creating npm packages using TypeScript and VSCode
Author: Kainstar
Latest version: 1.2.0

# my-package-name

[![npm package][npm-img]][npm-url] [![Build Status][build-img]][build-url] [![Downloads][downloads-img]][downloads-url] [![Issues][issues-img]][issues-url] [![Code Coverage][codecov-img]][codecov-url] [![Commitizen Friendly][commitizen-img]][commitizen-url] [![Semantic Release][semantic-release-img]][semantic-release-url]

> My awesome module, use my [typescript-npm-package-template](https://github.com/kainstar/typescript-npm-package-template/blob/main/QUICK_START.md) as project boilerplate

## Install

```bash
npm install my-package-name
```

## Usage

```ts
import { myPackage } from 'my-package-name';

myPackage('hello');
//=> 'hello from my package'
```

[build-img]: https://github.com/kainstar/typescript-npm-package-template/actions/workflows/release.yml/badge.svg
[build-url]: https://github.com/kainstar/typescript-npm-package-template/actions/workflows/release.yml
[downloads-img]: https://img.shields.io/npm/dt/@kainstar/typescript-npm-package-template
[downloads-url]: https://www.npmtrends.com/@kainstar/typescript-npm-package-template
[npm-img]: https://img.shields.io/npm/v/@kainstar/typescript-npm-package-template
[npm-url]: https://www.npmjs.com/package/@kainstar/typescript-npm-package-template
[issues-img]: https://img.shields.io/github/issues/kainstar/typescript-npm-package-template
[issues-url]: https://github.com/kainstar/typescript-npm-package-template/issues
[codecov-img]: https://codecov.io/gh/kainstar/typescript-npm-package-template/branch/main/graph/badge.svg
[codecov-url]: https://codecov.io/gh/kainstar/typescript-npm-package-template
[semantic-release-img]: https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg
[semantic-release-url]: https://github.com/semantic-release/semantic-release
[commitizen-img]: https://img.shields.io/badge/commitizen-friendly-brightgreen.svg
[commitizen-url]: http://commitizen.github.io/cz-cli/
npm package: @kainstar/typescript-react-library-package-template
Description: A template for creating react library packages using TypeScript
Author: Kainstar
Latest version: 1.0.0

# @kainstar/typescript-react-library-package-template

[![npm package][npm-img]][npm-url] [![Build Status][build-img]][build-url] [![Downloads][downloads-img]][downloads-url] [![Issues][issues-img]][issues-url] [![Code Coverage][codecov-img]][codecov-url] [![Commitizen Friendly][commitizen-img]][commitizen-url] [![Semantic Release][semantic-release-img]][semantic-release-url]

> My awesome module, use my [typescript-react-library-package-template](https://github.com/kainstar/typescript-react-library-package-template/blob/main/QUICK_START.md) as project boilerplate

## Install

```bash
npm install @kainstar/typescript-react-library-package-template
```

## Usage

Read the [docs](https://kainstar.github.io/typescript-react-library-package-template) for any further information.

[build-img]: https://github.com/kainstar/typescript-react-library-package-template/actions/workflows/release.yml/badge.svg
[build-url]: https://github.com/kainstar/typescript-react-library-package-template/actions/workflows/release.yml
[downloads-img]: https://img.shields.io/npm/dt/@kainstar/typescript-react-library-package-template
[downloads-url]: https://www.npmtrends.com/@kainstar/typescript-react-library-package-template
[npm-img]: https://img.shields.io/npm/v/@kainstar/typescript-react-library-package-template
[npm-url]: https://www.npmjs.com/package/@kainstar/typescript-react-library-package-template
[issues-img]: https://img.shields.io/github/issues/kainstar/typescript-react-library-package-template
[issues-url]: https://github.com/kainstar/typescript-react-library-package-template/issues
[codecov-img]: https://codecov.io/gh/kainstar/typescript-react-library-package-template/branch/main/graph/badge.svg
[codecov-url]: https://codecov.io/gh/kainstar/typescript-react-library-package-template
[semantic-release-img]: https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg
[semantic-release-url]: https://github.com/semantic-release/semantic-release
[commitizen-img]: https://img.shields.io/badge/commitizen-friendly-brightgreen.svg
[commitizen-url]: http://commitizen.github.io/cz-cli/