open-index/open-npm huggingface dataset:
npm package: @stefanprobst/svgo-loader
Description: Webpack loader to optimize svg images with [svgo](https://github.com/svg/svgo). Produces an svg string, so another loader like `file-loader` is needed to actually emit the transformed file.
Latest version: 2.0.0

# svgo-loader

Webpack loader to optimize svg images with [svgo](https://github.com/svg/svgo). Produces an svg
string, so another loader like `file-loader` is needed to actually emit the transformed file.

## How to use

```js
// webpack.config.js

module.exports = {
  /* ... */
  module: {
    rules: [
      {
        test: /\.svg$/,
        use: [
          {
            loader: require.resolve('file-loader'),
          },
          {
            loader: require.resolve('@stefanprobst/svgo-loader'),
            options: {
              plugins: [
                {
                  name: 'preset-default',
                  params: {
                    overrides: {
                      removeViewBox: false,
                    },
                  },
                },
                { name: 'removeDimensions' },
              ],
            },
          },
        ],
      },
    ],
  },
}
```

## Options

Use the [`plugins` option](https://github.com/svg/svgo#configuration) to enable/disable and
configure [svgo plugins](https://github.com/svg/svgo#built-in-plugins). Note that providing a
`plugins` option overrides the default plugin preset. Use `preset-default` to include it.
npm package: @stefanprobst/typeface-fira-code
Description: Fira Code typeface
Author: Kyle Mathews
Latest version: 0.0.0

# typeface-fira-code

The CSS and web font files to easily self-host “Fira Code”.

## Note

This is a temporary package, until Fira Code is officially packaged by the
typefaces project.

## Install

`npm install --save @stefanprobst/typeface-fira-code`

## Use

Typefaces assume you’re using webpack to process CSS and files. Each typeface
package includes all necessary font files (woff2, woff) and a CSS file with
font-face declarations pointing at these files.

You will need to have webpack setup to load css and font files. Many tools built
with Webpack will work out of the box with Typefaces such as
[Gatsby](https://github.com/gatsbyjs/gatsby) and
[Create React App](https://create-react-app.dev).

To use, simply require the package in your project’s entry file e.g.

```javascript
// Load Fira Code typeface
require('typeface-fira-code')
```

## About the Typefaces project.

Our goal is to add all open source fonts to NPM to simplify using great fonts in
our web projects. We’re currently maintaining 974 typeface packages including
all typefaces on Google Fonts.

If your favorite typeface isn’t published yet,
[let us know](https://github.com/KyleAMathews/typefaces) and we’ll add it!
npm package: @stefanprobst/unified-util-bridge
Description: [`unified`](https://unifiedjs.com/) plugin to process a tree in "bridge mode" and expose the result on a `data` property on the original processor's `VFile`.
Author: Stefan Probst
Latest version: 2.0.1

# unified-util-bridge

[`unified`](https://unifiedjs.com/) plugin to process a tree in "bridge mode"
and expose the result on a `data` property on the original processor's `VFile`.

## How to install

```bash
yarn add @stefanprobst/unified-util-bridge
```

## How to use

The plugin takes two required parameters: the name of the `VFile` data property,
and a `unified` processor (compiler and transformers).

```js
import { unified } from 'unified'
import fromMarkdown from 'remark-parse'
import toMarkdown from 'remark-stringify'
import strip from 'strip-markdown'
import bridge from '@stefanprobst/unified-util-bridge'
import toHast from 'remark-rehype'
import toHtml from 'rehype-stringify'

const content = '**This** is *some* text.'

const processor = unified()
  .use(fromMarkdown)
  .use(bridge, 'plaintext', unified().use(strip).use(toMarkdown))
  .use(toHast)
  .use(toHtml)
const file = processor.processSync(content)
console.log(String(file)) // markdown transformed to html
console.log(file.data.plaintext) // markdown transformed to plaintext
```
npm package: @stefansaraev/aprs-symbols
Description: CSS module to render APRS symbol tables, with optional JS helpers
Author: Marek Sebera
Latest version: 0.0.3

# aprs-symbols
CSS library with optional JS providing rendering means for APRS icons, rendering square icons of sizes 24px, 48px, 64px and 128px

## Usage

Include the resources in your app
```html
<!-- Necessary CSS, PNG sprites should be in the same directory as the CSS file -->
<link rel="stylesheet" href="aprs-symbols.css"/>

<!-- Optional JS -->
<script src="aprs-symbols.js"></script>
```

Plain HTML/CSS
```html
<!-- To draw symbol from table 0, address row 1, column 13 -->
<i class="aprs-table0 aprs-address-1-13"></i>
<!-- To draw symbol from table 1, address row 3, column 3, size 128px -->
<i class="aprs-table0-128 aprs-address-3-3"></i>
```

JS helper function to get image tag string by symbol
```javascript
// helper function returns string "<i class="aprs-table0 aprs-address-3-10"></i>"
let imageTagString = getAPRSSymbolImageTag('/[');
// helper function returns string "<i class="aprs-table0-64 aprs-address-64-3-10"></i>", ie. same symbol as above, but 64x64px size
let imageTagString = getAPRSSymbolImageTag('/[', 64);
```

JS helper function to get image tag by known address (format [table, column, row])
```javascript
// helper function returns string "<i class="aprs-table0 aprs-address-3-10"></i>"
let imageTagString = getAPRSSymbolImageTagByAddress([0, 3, 10]);
// helper function returns string "<i class="aprs-table0-48 aprs-address-48-3-10"></i>", ie. same symbol as above, but 48x46px size
let imageTagString = getAPRSSymbolImageTagByAddress([0, 3, 10], 48);
```

## Using symbols sprites from OH7LZB
PNG images used to render aprs symbols borrowed from OH7LZB repository
see source http://github.com/hessu/aprs-symbols/
npm package: @stefanscript/simple-sortable
Description: Simple sorting library
Author: stefanscript
Latest version: 1.0.2

# simple-sortable

Vanilla sortable library with zero dependencies.

#### Start with a simple list with each element having it's own data id

    <ul class="simple-sortable">
        <li data-id="1">1 Bob</li>
        <li data-id="2">2 Frank</li>
        <li data-id="3">3 Sam</li>
        <li data-id="4">4 Zack</li>
    </ul>

#### Init the library
       
      SimpleSortable(handler)
      
##### handler will receive the new order

      SimpleSortable(function(newOrder){
            console.log(newOrder);
      })
npm package: @stefanstefanovski/transliterate-cyrillic
Description: Transliterate Latin to Cyrillic for Macedonian, Serbian, Bulgarian, etc. and vice-versa
Author: Stefan Stefanovski
Latest version: 1.0.0

# transliterate-cyrillic

Transliterate Latin text to Cyrillic (and vice versa) for Macedonian, Serbian, Bulgarian, Russian and Ukranian.  
Supports locale selection and an easy API for both directions.

transliterate-cyrillic is a ultra lightweight, dependency-free, and easy to use for any project!

---

## Installation

```sh
npm install transliterate-cyrillic
```

---

## Usage Example

```js
const tr = require("transliterate-cyrillic");
// or
import tr from "transliterate-cyrillic";

// Set the locale to Macedonian
tr.locale("mk");
console.log(tr.transliterate("kukja")); // куќа
console.log(tr.transliterate("куќа").reverse()); // kukja

// Set the locale to Serbian
tr.locale("rs");
console.log(tr.transliterate("ljubav")); // љубав
console.log(tr.transliterate("љубав").reverse()); // ljubav

// Set the locale to Bulgarian
tr.locale("bg");
console.log(tr.transliterate("zdravey")); // здравей
console.log(tr.transliterate("здравей").reverse()); // zdravey

// Set the locale to Russian
tr.locale("ru");
console.log(tr.transliterate("privet")); // привет
console.log(tr.transliterate("привет").reverse()); // privet

// Set the locale to Ukrainian
tr.locale("uk");
console.log(tr.transliterate("slava")); // слава
console.log(tr.transliterate("слава").reverse()); // slava
```

---

## API

### `tr.locale(localeCode)`

Set the target locale/alphabet.  
Supported: `'mk'` (Macedonian), `'rs'` (Serbian), `'bg'` (Bulgarian), `'ru'` (Russian), `'uk'` (Ukrainian)

### `tr.transliterate(text)`

Transliterates Latin text to Cyrillic for the selected locale.  
Returns a result object.

### `result.reverse()`

Transliterates the result back from Cyrillic to Latin.

### `result.toString()`

Returns the transliterated string (optional, for string contexts).

---
npm package: @stefanvh/lionel-oauth-client
Description: oAuth client with OpenID Connect support for browser based applications.
Author: Äventyret Sweden AB
Latest version: 0.7.0

# Lionel oAuth Client [![npm](https://img.shields.io/npm/v/lionel-oauth-client.svg)](https://www.npmjs.com/package/lionel-oauth-client) [![build status](https://github.com/Aventyret/lionel-oauth-client/actions/workflows/build-and-test.yml/badge.svg?branch=main)](https://github.com/Aventyret/lionel-oauth-client/actions/workflows/build-and-test.yml) [![Project Status: WIP – Initial development is in progress, but there has not yet been a stable, usable release suitable for the public.](https://www.repostatus.org/badges/latest/wip.svg)](https://www.repostatus.org/#wip)

oAuth client with OpenID Connect support for browser based applications.

![Is it me you're looking for?](https://i.ibb.co/262kcNQ/hello.gif)

## Getting Started

Please follow the [online documentation](https://aventyret.github.io/lionel-oauth-client/)!

## Sponsors

Lionel oAuth Client is an MIT-licensed open source project made possible by [Äventyret](https://aventyret.com).

## Questions

The issue list of this repo is used for development planning of [this project](https://github.com/Aventyret/lionel-oauth-client/projects/1).

You can also use the issue list for bug reports and feature requests.

## Contribute

If you want to contribute, please check out the [Contribute Section](https://aventyret.github.io/lionel-oauth-client/resources/contributing.html) of the documentation.

## License

[MIT](https://opensource.org/licenses/MIT)

Copyright (c) 2022-present, Äventyret Sweden AB