open-index/open-npm huggingface dataset:
npm package: @jiri.bires/round-slider
Description: A simple round slider webcomponent - [demo](https://rawcdn.githack.com/thomasloven/round-slider/master/example.html)
Author: thomasloven
Latest version: 0.3.8

# round-slider

A simple round slider webcomponent - [demo](https://rawcdn.githack.com/thomasloven/round-slider/master/example.html)

![single](https://user-images.githubusercontent.com/1299821/64284907-e48d9100-cf5a-11e9-99ed-07afbfb1eada.png)

## Properties


- `value` - Required for single slider
- `low` - Required for high/low slider
- `high` - Required for high/low slider

- `min` - Lower limit of values
- `max` - Higher limit of values
- `step` - Step size of slider

- `startAngle` - Angle in degrees at which slider bar starts (default: 135)
- `arcLength` - Length in degrees of slider bar (default: 270)

- `handleSize` - Radius of handle in pixels (default: 6)
- `handleZoom` - The factor the handle size scales when dragged (default: 1.5)
- `disabled` - Boolean property disabling the slider (default: false)
- `rtl` - Boolean property to have the slider move Right to Left (default: false)


## Events

The slider dispatches two events

- `value-changing` when the value is changed but the mouse button is still pressed
- `value-changed` on release of mouse button

Both events pass an object as `detail` with either `value`, `low`, or `high` set to the new value depending on which slider was pulled.

## CSS styles

The following css variables can be used to change the styles:

- `--round-slider-path-color` - color of bar path
- `--round-slider-bar-color` - color of bar
- `--round-slider-handle-color` - color of handles
- `--round-slider-low-handle-color` - color of low handle (overrides `--round-slider-handle-color`)
- `--round-slider-high-handle-color` - color of high handle (overrides `--round-slider-handle-color`)
- `--round-slider-path-width` - bar width in pixels (default: 3)
- `--round-slider-linecap` - svg linecaps of bar (default: `round`)

## Examples
See [example.html](https://rawcdn.githack.com/thomasloven/round-slider/master/example.html) for usage examples.
![Examples](https://user-images.githubusercontent.com/1299821/64284861-c9bb1c80-cf5a-11e9-830f-11951f84596d.png)
npm package: @jirian/svelte-i18n
Description: Internationalization library for Svelte
Author: Christian Kaisermann
Latest version: 3.3.0

[![npm version](https://badge.fury.io/js/svelte-i18n.svg)](https://badge.fury.io/js/svelte-i18n) ![](https://github.com/kaisermann/svelte-i18n/workflows/CI/badge.svg)

# svelte-i18n

> Internationalization for Svelte.

`svelte-i18n` helps you localize your app using the reactive tools Svelte provides. By using [stores](https://svelte.dev/docs#svelte_store) to keep track of the current `locale`, `dictionary` of messages and to `format` messages, we keep everything neat, in sync and easy to use on your svelte files.

**Requirements**

- Node: `>= 11.15.0`
- Browsers: `Chrome 38+`, `Edge 16+`, `Firefox 13+`, `Opera 25+`, `Safari 8+`.

```svelte
<script>
  import { _ } from 'svelte-i18n'
</script>

<h1>{$_('page.home.title')}</h1>

<nav>
  <a>{$_('page.home.nav', { default: 'Home' })}</a>
  <a>{$_('page.about.nav', { default: 'About' })}</a>
  <a>{$_('page.contact.nav', { default: 'Contact' })}</a>
</nav>
```

```jsonc
// en.json
{
  "page": {
    "home": {
      "title": "Homepage",
      "nav": "Home"
    },
    "about": {
      "title": "About",
      "nav": "About"
    },
    "contact": {
      "title": "Contact",
      "nav": "Contact Us"
    }
  }
}
```

- [Documentation](/docs/Getting%20Started.md)
- [Sapper Template](https://github.com/kaisermann/sapper-template-i18n)
- [i18n VSCode extension (3rd party)](https://github.com/antfu/i18n-ally)
npm package: @jiricekcz/genetics
Description: A simple genetics simulation engine
Author: Jiří Cihelka
Latest version: 0.0.2

# Genetics Engine
This package is an attempt to create a simple genetics engine, that can be used to build **non-scientific** genetics simulations (for games, proof of concept projects, etc.).

## Installation
```bash
npm i @jiricekcz/genetics
```
npm package: @jirkakrepl/chimpy
Description: Develop acceptance tests & end-to-end tests with realtime feedback.
Author: Sam Hatoum
Latest version: 3.0.9

# Install
Package requires chromedriver to be installed as a dependency in your project.

To install both packages:

```
npm i -g @jirkakrepl/chimpy chromedriver
```

### Npm package
https://www.npmjs.com/package/@jirkakrepl/chimpy

### Old Chromium macOS build
Follow [these](https://www.chromium.org/getting-involved/download-chromium/#downloading-old-builds-of-chrome-chromium) instructions.
macOS Chromium 106 added to the root of this repository `Mac_1036822_chrome-mac.zip`.
Chromium 106 is the latest chromium for chromedriver 106 - latest chromium which works on Node 10.

# Chimpy with Chromium on MacOS
It seems that Chrome binary paths is compiled in Chrome driver binary.
It should be possible to compile Chromedriver (part of Chromium project)
from [source](https://sites.google.com/a/chromium.org/dev/developers/how-tos/get-the-code).
Although it is possible, the steps below are a good workaround.

Install chromedriver as you normally would. 
Then create empty Google Chrome folder with Chromium launcher script.

```shell
mkdir -p /Applications/Google\ Chrome.app/Contents/MacOS/
cd /Applications/Google\ Chrome.app/Contents/MacOS/
touch Google\ Chrome
```

paste the following into the file "Google Chrome"
```shell
#! /bin/sh

cd /Applications/Chromium.app/Contents/MacOS
./Chromium "$@"
```

Then change the permissions
```shell
chmod 755 Google\ Chrome
```

There should not be any configuration needed in chimpy config file.
Chromedriver binary should find chromium launcher script on the path: `/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome`

# IMPORTANT ANNOUNCEMENT - July 22nd, 2018

The Chimp that you know and love is now being split into two separate projects, both of which are intended to help you deliver higher quality faster.

The first is [*Chimpy*](https://github.com/TheBrainFamily/chimpy), which will be developed and maintained by [TheBrain team](http://team.thebrain.pro). This project will continue evolving and supporting the current thinking behind Chimp 1.x. 

The second is [*Chimp 2.0*](https://github.com/xolvio/chimp), which will be developed and maintained by [Xolv.io](http://xolv.io). This project will be built from scratch based on the learnings made while using Chimp 1.x in the field.

For more details about this decision, [please see the full announcement here.](https://medium.com/@sam_hatoum/the-future-of-chimp-js-e911f8e9aaa6)

---

Access the [documentation site here.](https://thebrainfamily.github.io/chimpy)
npm package: @jirkasa/code-box
Description: Showcase code samples on the web with a container that lets users select and display different samples.
Author: Jiří Satora
Latest version: 1.6.1


# Code Box

Code Box is a JavaScript library developed in TypeScript, designed for showcasing code samples on the web. While it doesn't provide syntax highlighting itself, it serves as a container that allows users to select and display different code samples. You can either enable users to switch between different code samples with a few buttons or present the entire source code in a project-like format. For syntax highlighting, you can use libraries like [highlight.js](https://highlightjs.org/).

- [Documentation](https://jirkasa.github.io/code-box/)
- [Examples](https://jirkasa.github.io/code-box/examples/)

## Installation

Code box is installed via NPM like any other package.

```
npm install @jirkasa/code-box --save
```

After installation, you need to integrate the core CSS styles into your project. If you're using a CSS preprocessor, you can import the styles as shown below. If you're not using a preprocessor, simply copy the CSS file from the node_modules folder.

```
@import "@jirkasa/code-box/dist/style.min.css";
```

## Getting Started

To get started, check out the [Getting Started](https://jirkasa.github.io/code-box/documentation/getting-started/) guide. It includes examples and setup instructions for using Code Box in your projects.

## Contributing

If you'd like to contribute or explore the source code, you can clone this repository. The following commands are available to help you get started:

| Command | Description |
| ------- | ----------- |
| npm run dev | Starts development environment at http://localhost:3000/.
| npm run build | Builds the library for production into the dist/ folder.
| npm test | Runs tests.
| npm run coverage | Generates a test coverage report.

## License

This project is licensed under the [MIT License](https://github.com/Jirkasa/code-box/blob/main/LICENSE).
npm package: @jiroscripts/react-native-device-brightness
Description: A simple React Native module to handle device brightness
Author: Thibault Capelli
Latest version: 0.2.0

# @jiroscripts/react-native-device-brightness

A simple React Native module to handle device brightness

## Installation

```sh
npm install @jiroscripts/react-native-device-brightness
```

## Usage


```js
import { multiply } from '@jiroscripts/react-native-device-brightness';

// ...

const result = await multiply(3, 7);
```


## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @jirun.yang/base-table
Description: ## Project setup ``` npm install ```
Latest version: 0.1.1

# base-table

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @jis8268/osdesign
Description: OpenSG Design System
Author: junginsuk
Latest version: 1.0.5

# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\
You will also see any lint errors in the console.

### `yarn test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `yarn build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `yarn eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).