open-index/open-npm huggingface dataset:
npm package: @opendeveloper/plugin-github-panel
Description: GitHub Issues Panel Plugin for WebDevserver
Author: WebDevserver Team
Latest version: 1.0.0

# @opendeveloper/plugin-github-panel

GitHub Issues Panel Plugin for WebDevserver - provides a comprehensive interface for viewing and managing GitHub issues directly within WebDevserver.

## Features

- View GitHub repository issues in a clean, organized panel
- Filter issues by state (open/closed), labels, and assignees  
- Real-time issue updates with configurable refresh intervals
- Intelligent caching for improved performance
- Responsive design that works in any panel size
- Easy repository configuration with modal interface

## Installation

```bash
npm install @opendeveloper/plugin-github-panel
```

## Configuration

Once installed, the plugin will appear in your WebDevserver plugin manager. Configure it by:

1. Click the "Configure" button in the panel
2. Enter your GitHub repository owner and name
3. Set refresh preferences
4. Save the configuration

## Permissions

This plugin requires the following permissions:
- `github`: To access GitHub API functionality
- `network`: To make HTTP requests to GitHub's API

## Development

To develop this plugin locally:

```bash
git clone <repository>
cd packages/plugin-github-panel
npm install
npm run build
```

For local development with npm link:

```bash
npm link
cd /path/to/webdevserver
npm link @opendeveloper/plugin-github-panel
```

## License

MIT - see LICENSE file for details.

## Support

For issues and feature requests, please visit:
https://github.com/opendeveloper/webdevserver/issues
npm package: @opendevtools/rescript-clearingnummer
Description: Clearing numbers for Swedish banks
Author: Rickard Natt och Dag
Latest version: 1.1.1

# Clearingnummer

[![](https://github.com/opendevtools/rescript-clearingnummer/workflows/Release/badge.svg)](https://github.com/opendevtools/rescript-clearingnummer/actions?workflow=Release)
[![npm (scoped)](https://img.shields.io/npm/v/@opendevtools/rescript-clearingnummer)](https://npm.im/@opendevtools/rescript-clearingnummer)

Sort codes, _clearingnummer_ in Swedish, are four or five digit identifiers for Swedish banks. This package helps you find the bank related to a specific number. All clearing numbers are taken from [Wikipedia](http://www.wikiwand.com/sv/Lista_%C3%B6ver_clearingnummer_till_svenska_banker) and [Swedish Bankers Association](http://www.swedishbankers.se/media/3535/1710_clearingnummer-institut.pdf).

This is a semi-port of my JavaScript library [Clearingnummer](https://github.com/opendevtools/clearingnummer) written completely in Reason.

## Installation

```bash
npm install @opendevtools/rescript-clearingnummer
```

Add `@opendevtools/rescript-clearingnummer` to `bs-dependencies` in `bsconfig.json`

## Modules

### BankName

#### fromInt

Takes a clearing number as `int`. This is the most common format.

```ocaml
(* int => string *)
let bankName = Clearingnummer.BankName.fromInt(5202)
(* bankName = "SEB" *)
```

#### fromString

Used by Swedbank and their old bank names (sparbanker)

```ocaml
(* string => string *)
let bankName = Clearingnummer.BankName.fromString("8060-6")
(* bankName = "Swedbank" *)
```

### Banks

#### all

```ocaml
(* array(string) *)
let banks = Clearingnummer.Banks.all
(* banks = ["Amfa Bank", "Avanza Bank", ...] *)
```

## Tests

Build JavaScript files first using `npm run build` or `npm run start`

```bash
$ npm test
```
npm package: @opendevtools/rescript-hooks
Description: A collection of reusable hooks for ReasonML
Author: believer
Latest version: 0.1.5

# Hooks for ReasonML

This is a port of [@opendevtools/hooks](https://github.com/opendevtools/hooks) for ReasonML/BuckleScript. Still a work in progress.

## Installation

```bash
npm install @opendevtools/rescript-hooks
```

Add `@opendevtools/rescript-hooks` to `bs-dependencies` in `bsconfig.json`

## Available Hooks

- [useToggle](#useToggle)
- [useQueryParam](#useQueryParam)

### [useToggle](#useToggle)

```reason
useToggle(~initialState: option(bool), unit): (bool, unit => unit)
```

`initialState` is set to `false` by default, that's why it's an `option(bool)`

#### Example

```reason
[@react.component]
let make = () => {
  let (isAlive, toggleValue) = OpenDevToolsHooks.useToggle();

  <button onClick={_ => toggleValue()}>
    {
      isAlive ? {j|🚀|j} : {j|😴|j};
    }
    ->React.string
  </button>;
};
```

### [useQueryParam](#useQueryParam)

Gets a value from a specified query param

```reason
useQueryParam(~param: Js.Dict.key): string
```

#### Example

```reason
[@react.component]
let make = () => {
  let param = OpenDevToolsHooks.useQueryParam(~param="sweetParam");

  <div>
    {"That's a nice query param with the value " ++ param |> React.string}
  </div>;
};

```
npm package: @opendevtools/rescript-telefonnummer
Description: Phone number formatter for Swedish phone numbers
Author: Rickard Natt och Dag
Latest version: 3.0.0

# Telefonnummer

[![](https://github.com/opendevtools/rescript-telefonnummer/workflows/Release/badge.svg)](https://github.com/opendevtools/rescript-telefonnummer/actions?workflow=Release)
[![npm (scoped)](https://img.shields.io/npm/v/@opendevtools/rescript-telefonnummer)](https://npm.im/@opendevtools/rescript-telefonnummer)

This is a port of my library [telefonnummer](https://github.com/believer/telefonnummer) to ReasonML. It parses Swedish phone numbers into a standard format. It doesn't contain the full API of the original library as I felt it would be a good opportunity to start fresh.

## Installation

```
npm install @opendevtools/rescript-telefonnummer
```

Add `@opendevtools/rescript-telefonnummer` in `bs-dependencies` of `bsconfig.json`

## API

### parse

Takes a phone number of any kind and parses it to a standard format

```reason
let parse: string => string
```

#### Example

```reason
let parsedPhoneNumber = Telefonnummer.parse("081234567") /* 08-123 45 67 */
let parsedMobileNumber = Telefonnummer.parse("0701234567") /* 070-123 45 67 */
```

### typeOfNumber

Takes a phone number and returns the type. Usable for pattern-matching.

```reason
type t =
  | VoiceMail
  | Mobile
  | Landline

let typeOfNumber: string => t
```

#### Example

```reason
let phoneNumberType = Telefonnummer.typeOfNumber("081234567") /* Landline */
```

### Normalize

The `Normalize` module is exposed publically if you need to clean up a phone number for use in for example `tel:` links.

```reason
module Normalize = {
  let clean: string => string
}
```

#### Example

```reason
let cleanPhoneNumber = Telefonnummer.Normalize.clean("08-12 3 45.67") /* 081234567 */
```

### Validate

The `Validate` module can help you check if a phone number is valid. It cleans the phone number from any non-number characters.

```reason
module Validate = {
  let isValid: string => bool
}
```

#### Example

```reason
let isValid = Telefonnummer.Validate.isValid("08-12 3 45.67") /* true */
```

### Link

The `Link` module creates phone number links.

```reason
module Link = {
  let make: string => string
}
```

#### Example

```reason
let link = Telefonnummer.Link.make("08-12 3 45.67") /* tel:081234567 */
```
npm package: @opendevtools/supreme
Description: A CLI tool that helps you get up an running fast
Author: Rickard Natt och Dag
Latest version: 2.13.4

[![](https://github.com/opendevtools/supreme/workflows/Release/badge.svg)](https://github.com/opendevtools/supreme/actions?workflow=Release)
[![npm (scoped)](https://img.shields.io/npm/v/@opendevtools/supreme)](https://npm.im/@opendevtools/supreme)

Use this tool to get up and running fast with configs and more in your project.
The tool currently supports creating React apps (using [`create-react-app`](https://facebook.github.io/create-react-app)), [ReasonReact](https://reasonml.github.io/reason-react/) apps and [GraphQL](https://graphql.org/) APIs with TypeScript. It can also create some basic configs in your project.

This tool was previously located [@iteam1337](https://github.com/iteam1337).

## Installation

```bash
npx @opendevtools/supreme
```

or install globally

```bash
npm install -g @opendevtools/supreme
```

After that you'll have `supreme` as a global command to use in a repository of your choice.

## Documentation

Find everything you need to know at [Supreme](https://opendevtools.github.io/#/supreme)
npm package: @opendevtools/wcag-color
Description: Color constrast helpers to achieve the WCAG 2.0 standard
Author: Rickard Natt och Dag
Latest version: 1.2.1

# WCAG Color

[![](https://github.com/opendevtools/wcag-color/workflows/Release/badge.svg)](https://github.com/opendevtools/wcag-color/actions?workflow=Release)
[![npm (scoped)](https://img.shields.io/npm/v/@opendevtools/wcag-color)](https://npm.im/@opendevtools/wcag-color)

According to the WHO an [estimated 1.3 billion](https://www.who.int/en/news-room/fact-sheets/detail/blindness-and-visual-impairment)
people live with some form of visual impairment. This includes people who are legally blind and people with less than 20/20 vision.

This library helps you achieve the accessibility standards for **color contrast** outlined in the [WCAG 2.0](https://www.w3.org/WAI/standards-guidelines/wcag/) specification.

## Installation

```
npm install @opendevtools/wcag-color
```

## API

### Ratio

`ratio` takes two colors, a foreground color, and background color, and returns a contrast ratio. `ratio` accepts most color formats:

- **HEX** - normal (`#0088ff`), shorthand (`#08f`) and without hash (`08f`)
- **RGB** - `rgb(255, 255, 255)`
- **HSL** - `hsl(210, 100%, 40%)`

```js
ratio(foreground: string, background: string) => number
```

#### Example

```js
import { ratio } from "wcag-color";

ratio("hsl(210, 100%, 40%)", "#ffffff"); // 5.57
```

### Score

`score` takes two colors and returns a score value. Read more below.

```js
score(foreground: string, background: string) => 'Fail' | 'AA Large' | 'AA' | 'AAA'
```

#### Example

```js
import { score } from "wcag-color";

score("hsl(210, 100%, 40%)", "#ffffff"); // AA
```

### Score from ratio

`scoreFromRatio` takes a ratio and returns a score value.

```js
scoreFromRatio(ratio: number) => 'Fail' | 'AA Large' | 'AA' | 'AAA'
```

#### Example

```js
import { scoreFromRatio } from "wcag-color";

scoreFromRatio(7.5); // AAA
```

### Best color out of two

`best` takes two colors and a background color and returns the color which is
best suited, from a contrast perspective, for that background color.

```js
best(firstColor: string, secondColor: string, background: string) => string
```

#### Example

```js
import { best } from "wcag-color";

best("#ffffff", "#000000", "#ffffff"); // #000000
```

## Score and ratio

- **Fail** - Your text has a contrast ratio of less than `3.0`
- **AA Large** - Least amount of contrast for font size 18px and larger. The ratio is above `3.0`.
- **AA** - What you should aim for with text sizes below 18px. The ratio is at least `4.5`.
- **AAA** - Enhanced contrast with a ratio of at least `7.0`. Valuable for texts that will be read for a longer period of time.