open-index/open-npm huggingface dataset:
npm package: @marlowemarlowe/stars
Description: Generate stars
Author: Marlowe Oliver
Latest version: 1.0.0

��# stars

![version](https://img.shields.io/badge/version-1.0.1-blue) ![version](https://img.shields.io/badge/i_love-anagrams-29ff38)

Generate stars super easily with this library!

## Installation

Use the package manager [npm]() to install stars.

```bash
npm install @marlowemarlowe/stars
```

## Usage

```javascript
const { generate } = require(`../index.js`);

// generate 1000 lines
console.log(generate(1000));

// generate 1000 with a frequency of 5
console.log(generate(1000, 5));

// generate 1000 with a frequency of 5 and a length of 10
console.log(generate(1000, 5, 80));
```

## Contributing

Pull requests are welcome. For major changes, please open an issue first
to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @marmaladeswap/uikit
Description: Set of UI components for marmaladeswap projects
Latest version: 0.41.3

# 🥞 Marmaladeswap UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @marmaladeswap/uikit`

## Setup

### Theme

Before using Marmaladeswap UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@marmaladeswap/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@marmaladeswap/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.
npm package: @marme1ad/react-charts-fill
Description: This repository is just a workaround to support filling/shadowing of line charts.
Latest version: 1.0.0

### Description 

This repository is just a workaround to support filling/shadowing of line charts.

Usage example:

```JSX
import React from "react";
import { Chart } from 'marme1ad/react-charts-fill'

const defs = (
    <defs>
        <linearGradient id="line-gradient" x1="0" x2="0" y1="1" y2="0">
            <stop offset="0%" stopColor="#FFAEBF" />
            <stop offset="100%" stopColor="#B783FF" />
        </linearGradient>
        <linearGradient id="shadow-gradient" x1="0" x2="0" y1="0" y2="1">
            <stop offset="0%" stopColor="#FFAEBF" />
            <stop offset="90%" stopColor="#FFFFFF" />
        </linearGradient>
    </defs>
)

const TheChart = () => {
    let data = [
        {
            label: "Total",
            data: [
                ["04-01", 10], ["04-02", 20], ["04-03", 15], ["04-04", 40], ["04-05", 0], ["04-06", 20], ["04-05", 65]
            ]
        }
    ];

    const axes = React.useMemo(
        () => [
            { primary: true, type: 'ordinal', position: 'bottom', show: true },
            { type: 'linear', position: 'left', hardMin: 0, show: true }
        ],
        []
    )

    const getSeriesStyle = React.useCallback(
        series => ({
            showShadow: true,
            color: `url(#line-gradient)`,
            fill: `url(#shadow-gradient)`,
            opacity: 1,
            fillOpacity: 0.7,
        }),
        []
    )

    return (
        <Chart className="app-custom-chart" data={data} axes={axes}
            tooltip={tooltip}
            getSeriesStyle={getSeriesStyle}
            primaryCursor={{
                showLine: false
            }}
            renderSVG={() => defs} />
    )
}

export default TheChart;
```

### react-charts

[react-charts](https://github.com/tannerlinsley/react-charts) is licensed under the [MIT License](https://github.com/tannerlinsley/react-charts/blob/master/LICENSE).

Changes/adjustments done:

- `Line$1` defintion is changed to have possibility to set up `fill` for the area under the line charts (everything related to `showShadow`, `shadowPath`, `shadowPathProps`, `renderedShadowPathProps`).
npm package: @marmicode/checklist-cli
Description: `@marmicode/checklist-cli` is based on the source code of [Angular Checklist](https://angular-checklist.io/) which was brought to us with ❤️ by our amazing friends [Dominic Elm](https://twitter.com/elmd_) and [Kwinten Pisman](https://twitter.com/KwintenP)
Latest version: 0.2.2

<h1>
    <img width="35" valign="bottom" src="https://raw.githubusercontent.com/marmicode/checklist-cli/master/src/assets/angular-checklist.png">
    Checklist CLI
</h1>

---

`@marmicode/checklist-cli` is a CLI that allows you to generate beautiful, dynamic and progress-aware best practices checklist from simple configuration and markdown files.

# The story

`@marmicode/checklist-cli` is based on the source code of [Angular Checklist](https://angular-checklist.io/) which was brought to us with ❤️ by our amazing friends [Dominic Elm](https://twitter.com/elmd_) and [Kwinten Pisman](https://twitter.com/KwintenP).

We thought that [Angular Checklist](https://angular-checklist.io/) is so intuitive and useful that it deserved to be adapted to other topics. That's the reason why we came up with this CLI so anyone can make a similar checklist and publish it anywhere without having to fork the app's source code.


# Usage

1. Create a `content` directory (check out the Angular Checklist example [here](https://github.com/marmicode/checklist-cli/tree/master/examples/angular-checklist))

2. Run the CLI
```
npx @marmicode/checklist-cli content # where content is the path to your content folder
```

3. Deploy anywhere or start locally using `http-server`
```
npm install -g http-server # or yarn global add http-server
http-server dist/browser
```

# 👷 Want to contribute?

If you want to add file a bug, contribute some code, or improve our documentation, read up on our [contributing guidelines](CONTRIBUTING.md) and [code of conduct](CODE_OF_CONDUCT.md), and check out [open issues](/issues) as well as [open pull requests](/pulls) to avoid potential conflicts.
npm package: @marmooo/color-reducer
Description: Reduce colors of images.
Latest version: 0.1.1

# Color Reducer

Reduce colors of images.

## GUI

[Color Reducer](https://marmooo.github.io/color-reducer/)

## Usage

```
import {
  MedianCut,
  OctreeQuantization,
  UniformQuantization,
} from "npm:@marmooo/color-reducer";

new MedianCut(uint8, width, height).apply(256);
new OctreeQuantization(uint8, width, height).apply(256);
new UniformQuantization(uint8, width, height).apply(256);
```

## Test

```
deno test --allow-read
deno bench --allow-read
deno run --allow-read lib/mse.ts
```

## Build

```
bash build_opencvjs.sh
bash build.sh
```

## License

MIT
npm package: @marmooo/imagetracer
Description: Simple raster image tracer and vectorizer written in JavaScript.
Latest version: 0.0.3

# @marmooo/imagetracer

![alt bitmap to SVG](docs/img/s1.png)

Simple raster image tracer and vectorizer written in JavaScript.

## Usage

```
import { OctreeQuantization } from "npm:@marmooo/color-reducer";
import { toSVG, toTraceData } from "npm:@marmooo/imagetracer";

const quantizer = OctreeQuantization(uint8, width, height);
quantizer.apply(256);
const { replaceColors } = quantizer;
const indexedImage = quantizer.getIndexedImage();
const svg = toSVG(indexedImage, width, height, replaceColors, options);
const traceData = toTraceData(indexedImage, width, height, replaceColors, options);
```

## Process overview

See [process overview and ideas for improvement](docs/process_overview.md).

## Features

- simplify API from original
  ([imagetracerjs](https://github.com/jankovicsandras/imagetracerjs))
- support ESM & Deno
- support multiple quantization algorithms (use
  [@marmooo/color-reducer](https://github.com/marmooo/color-reducer))
- minify & optimize output SVG
- add benchmarks & improve performance
- add tests & fixed some bugs

## Test

```
deno test --allow-read
deno bench --allow-read
deno run --allow-read src/svg_size.js
```
npm package: @marmooo/kanji
Description: Get various grade information about kanji
Latest version: 0.1.2

# @marmooo/kanji

Get various grade information about kanji.

## Usage

```
import { Kanji, JKAT, UnicodeRadical, UnicodeStrokes } from "@marmooo/kanji";

const jkat = new Kanji(JKAT); // 教育指導要領 / 日本漢字能力検定
jkat.getGrade("学校");   // --> 0
jkat.getGrade("漢");     // --> 2
jkat.getGrade("おたま"); // --> -1

const radical = new Kanji(UnicodeRadical);
const strokes = new Kanji(UnicodeStrokes);
jkat.dict["漢"];    // --> [2]
radical.dict["䁀"]; // --> [71, 108]
strokes.dict["䁀"]; // --> [12]
```

### Supported list

- `JISCode`: JIS 漢字コード (第 1 水準〜第 4 水準)
- `Jinmei`: 人名用漢字 (常用漢字, 常用漢字の異体字, 人名用漢字)
- `JKAT`: 教育指導要領 / 日本漢字能力検定 (10級〜1級) に基づく画数データ
- `JoyoRadical`: 常用漢字の康熙字典 214 部首コード
- `JoyoRadicalStrokes`: 常用漢字の康熙字典 214 部首の画数データ
- `JoyoStrokes`: 常用漢字の画数データ
- `Unicode`: Unicode 17.0 CJK 統合漢字 (URO〜Ext.J)
- `UnicodeChart`: Unicode 17.0 CJK 統合漢字 (URO〜Ext.J)
- `UnicodeRadical`: Unihan_IRGSources.txt に基づく康熙字典 214 部首コード
- `UnicodeRadicalStrokes`: Unihan_IRGSources.txt に基づく康熙字典 214
  部首の画数データ
- `UnicodeStrokes`: Unihan_IRGSources.txt に基づく画数データ

## Build

```
deno task build
```

## License

MIT

## Attribution

- [Unihan Database](https://www.unicode.org/Public/UCD/latest/ucd/Unihan.zip)
npm package: @marmooo/readlines-sync
Description: Read large text files line by line synchronously.
Latest version: 0.0.1

# @marmooo/readlines-sync

Read large text files line by line synchronously.

## Usage

```
import { readLinesSync } from "https://raw.githubusercontent.com/marmooo/readlines-sync/main/mod.js";

const file = await Deno.open("FILE");
for (const line of readLinesSync(file)) {
  console.log(line);
}
file.close();
```

## Benchmark

1. install [SudachiDict](https://github.com/WorksApplications/SudachiDict)
2. `deno bench --allow-read`

```
cpu: Intel(R) Core(TM) i5-6200U CPU @ 2.30GHz
runtime: deno 1.36.4 (x86_64-unknown-linux-gnu)

bench.js
benchmark            time (avg)        iter/s             (min … max)       p75       p99      p995
--------------------------------------------------------------------- -----------------------------
node:readline          1.34 s/iter           0.7       (1.29 s … 1.44 s)    1.36 s    1.44 s    1.44 s
npm:n-readlines        3.46 s/iter           0.3       (3.42 s … 3.56 s)    3.48 s    3.56 s    3.56 s
readLines              3.45 s/iter           0.3       (3.37 s … 3.51 s)    3.48 s    3.51 s    3.51 s
TextLineStream         2.16 s/iter           0.5       (2.14 s … 2.17 s)    2.17 s    2.17 s    2.17 s
split                  1.11 s/iter           0.9        (1.1 s … 1.12 s)    1.11 s    1.12 s    1.12 s
sync1               713.78 ms/iter           1.4 (711.41 ms … 717.82 ms) 715.81 ms 717.82 ms 717.82 ms
sync2               710.79 ms/iter           1.4 (708.41 ms … 719.14 ms) 711.09 ms 719.14 ms 719.14 ms
readLinesSync          750 ms/iter           1.3 (748.78 ms … 751.63 ms) 750.44 ms 751.63 ms 751.63 ms
```

## Test

`deno test --allow-read`

## License

MIT
npm package: @marmooo/shape2path
Description: Convert SVG basic shape (rect, circle, ellipse, line, polyline, polygon) to path.
Latest version: 0.0.2

# @marmooo/shape2path

Convert SVG basic shape (rect, circle, ellipse, line, polyline, polygon) to
path.

## Usage

```
import { shape2path } from "@marmooo/shape2path";

// browser
function createPathRemote(node) {
  const namespace = "http://www.w3.org/2000/svg";
  const path = document.createElementNS(namespace, "path");
  for (const attribute of node.attributes) {
    path.setAttribute(attribute.name, attribute.value);
  }
  return path;
}

// node-html-parser
function createPathLocal(node) {
  const path = new HTMLElement("path", {});
  for (const [name, value] of Object.entries(node.attributes)) {
    path.setAttribute(name, value);
  }
  return path;
}

const options = {
  circleAlgorithm: "QuadBezier", // ["TwoArcs", "CubicBezier", "QuadBezier"]
  circleSegments: 8, // numer of arcs used in QuadBezier algorithm
};
shape2path(svgString, createPathRemote, options);
```

## Example

from

```
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  <rect width="100" height="100" />
  <circle cx="250" cy="50" r="50" />
  <polyline points="0,300 50,225 50,275 100,200" />
</svg>
```

to

```
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  <path width="100" height="100" d="M0 0h100v100h-100z" />
  <path d="M 200 50 A 50 50 0 1 0 300 50 A 50 50 0 1 0 200 50" />
  <path d="M0 300L50 225 50 275 100 200" />
</svg>
```

## License

MIT

## Attribution

- [svgpath](https://github.com/fontello/svgpath) is licensed under the MIT
- [convertPath](https://github.com/convertSvg/convertPath) is licensed under the
  MIT
- [SVG の \<circle\> を \<path\> で描く](https://tyru.github.io/svg-circle-misc-algorithm/)
npm package: @marmooo/soundfont-parser
Description: A SoundFont (SF2, SF3) parser.
Latest version: 0.1.8

# @marmooo/soundfont-parser

A SoundFont (SF2, SF3) parser.

## Usage

```
import { parse, SoundFont } from "@marmooo/soundfont-parser";

const file = Deno.readFileSync("soundfont.sf3");
const parsed = parse(file);
const soundFont = new SoundFont(parsed);
```

## License

MIT

## Credits

This library is based on following libraries.

- [gree/sf2synth.js](https://github.com/gree/sf2synth.js) writty by imaya / GREE
  Inc.
- [ryohey/sf2synth.js](https://github.com/ryohey/sf2synth.js) written by ryohey

## References

The SoundFont 3 format (SF3) is an unofficial extension of the SoundFont 2
format (SF2). This library is based on following articles.

- [SoundFont® Technical Specification](https://www.synthfont.com/sfspec24.pdf)
- [SoundFont3Format](https://github.com/FluidSynth/fluidsynth/wiki/SoundFont3Format)
npm package: @marmooo/ttf2svg
Description: Convert TTF to SVG.
Latest version: 0.2.9

# @marmooo/ttf2svg

Convert TTF to SVG.

## Installation

### Deno

```
deno install -fr -RE -g npm:@marmooo/ttf2svg --name ttf2svg
```

### Node

```
npm install @marmooo/ttf2svg -g
```

## Usage

```
import { ttf2svg, ttf2svgFont } from "@marmooo/ttf2svg";

const font = Deno.readFileSync("font.ttf");
ttf2svg(font);
ttf2svg(font, { text: "abcdef", width: 100 });
ttf2svg(font, { code: "0x61,98" });
ttf2svgFont(font);
ttf2svgFont(font, { codeFile: "codepoints.lst" });
```

## CLI

```
Usage: ttf2svg [options] <fontPath>

Convert TTF to SVG.

Arguments:
  fontPath                 Font path (.otf, .ttf, .woff)

Options:
  -V, --version            output the version number
  --text <string>          characters to compress
  --text-file <path>       Path of line separated character file to compress
  --code <string>          comma separated codepoints to compress
  --code-file <path>       Path of line separated codepoint file to compress
  --name <string>          comma separated glyph names to compress
  --name-file <path>       Path of line separated glyph name file to compress
  --ligature <string>      comma separated ligatures to compress
  --ligature-file <path>   Path of line separated ligature file to compress
  --font                   output as SVG font
  --width <string>         SVG width attribute value
  --height <string>        SVG height attribute value
  --metrics <string>       source of font metrics (choices: "typo", "win", "hhea", default: "typo")
  --glyph-height <number>  Glyph height when outputting as SVG
  --translate-y <number>   Glyph translateY when outputting as SVG
  --remove-notdef          remove .notdef
  --remove-ligatures       remove ligatures associated with the glyphs
  -h, --help               display help for command
```

## Examples

```
ttf2svg font.ttf > list.html
ttf2svg font.woff --font > font.svg
ttf2svg font.otf --text abcdef --translate-y 850 > abcdef.svg
ttf2svg font.otf --text-file characters.lst --font > font.svg
ttf2svg font.woff2 --code 0x61,98 > font.html
ttf2svg font.woff2 --name alarm,box --font > font.svg
ttf2svg font.woff2 --ligature home,menu --font > font.svg
```

## License

MIT
npm package: @marmot-webdev/dataset-obj
Description: A helper function that converts the data attributes of an HTML element into an object, parsing and transforming values based on their types (such as boolean, numeric, and more)
Author: Serhii Babakov
Latest version: 1.0.0

# @marmot-webdev/dataset-obj

This module provides a utility function for converting data attributes of an HTML element into a JavaScript object. It intelligently handles type conversions, transforming data attribute values into their appropriate JavaScript types, such as boolean, numeric, null, etc.

## Installation

```sh
npm install @marmot-webdev/dataset-obj
```

## Usage

Consider the following HTML element:

```html
<div
  id="elem"
  data-name="John Doe"
  data-age="30"
  data-is-married="true"
  data-identifying-features="null"
  data-langs='["English", "Spanish"]'
  data-contacts='{"email": "john@gmail.com", "facebook": "https://www.facebook.com/john.doe"}'>
</div>
```

The `dataAttrsToObject` function takes an HTML element as its input parameter and returns an object containing the parsed data attributes:

```js
import dataAttrsToObject from '@marmot-webdev/dataset-obj';

const elem = document.querySelector('#elem');
const dataObject = dataAttrsToObject(elem);

console.log(dataObject);
```

The output will be:

```js
{
  name: 'John Doe',
  age: 30,
  isMarried: true,
  identifyingFeatures: null,
  langs: ['English', 'Spanish'],
  contacts: {
    email: 'john@gmail.com',
    facebook: 'https://www.facebook.com/john.doe'
  }
}
```

## Copyright and license

Copyright (c) 2023—present, Serhii Babakov.

This project is [licensed](/license.txt) under [The MIT License](https://opensource.org/licenses/MIT).
npm package: @marmotteintrepide/ngx-bootstrap-slider
Description: A flexible bootstrap slider for Angular
Latest version: 13.0.2

<div align="center">
  <img src="https://raw.githubusercontent.com/moritzvieli/ngx-bootstrap-slider/master/misc/documentation-assets/examples.png" width="300" alt="Angular Bootstrap Slider">
  <br>
  <h1>ngx-bootstrap-slider</h1>
</div>

This is an Angular component for the popular and very flexible seiyria/bootstrap-slider (https://github.com/seiyria/bootstrap-slider).

Some demos are available here: https://seiyria.com/bootstrap-slider/

## Install

```
npm install ngx-bootstrap-slider
```

## Setup

### Include the module

Import the module in your app.module.ts:

```
import { NgxBootstrapSliderModule } from 'ngx-bootstrap-slider';
```

Add the module to the imports in your app.module.ts:

```
imports: [
  ...
  NgxBootstrapSliderModule,
  ...
]
```

### Configure the Angular CLI

Add the CSS and JavaScript files to your angular.json:

```
"styles": [
  "node_modules/bootstrap-slider/dist/css/bootstrap-slider.min.css"
],
"scripts": [
  "node_modules/bootstrap-slider/dist/bootstrap-slider.min.js"
]
```

## Getting started

Add a slider element to your component:

```
<mv-slider [(value)]="value" [min]="1" [max]="100" [enabled]="enabled" (change)="change()"></mv-slider>
```

## Attributes

All available properties are described here: https://github.com/seiyria/bootstrap-slider#options

The names have been unified to camel-casing (e.g. `[ticksLabels]` not `[ticks_labels]`).

## Events

All available events are described here: https://github.com/seiyria/bootstrap-slider#events

Currently, only the following events are implemented:
- slide
- slideStart
- slideStop
- change
npm package: @marocdevelop/my-component-library
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.6.7.
Author: Kamal Sahmoud
Latest version: 0.0.1

# MyComponentLibrary

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.6.7.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @maroje/nestjs-test-package
Description: NestJS test package
Author: Maroje Macola
Latest version: 1.0.1

<h1 align="center"></h1>

<div align="center">
  <a href="http://nestjs.com/" target="_blank">
    <img src="https://nestjs.com/img/logo_text.svg" width="150" alt="Nest Logo" />
  </a>
</div>

<h3 align="center">NestJS npm Package Starter</h3>

<div align="center">
  <a href="https://nestjs.com" target="_blank">
    <img src="https://img.shields.io/badge/built%20with-NestJs-red.svg" alt="Built with NestJS">
  </a>
</div>

### Installation

1. Clone the repo
2. Run npm/yarn install

```bash
cd nestjs-package-starter
npm install
```

## Change Log

See [Changelog](CHANGELOG.md) for more information.

## Contributing

Contributions welcome! See [Contributing](CONTRIBUTING.md).

## Author

**John Biundo (Y Prospect on [Discord](https://discord.gg/G7Qnnhy))**

## License

Licensed under the MIT License - see the [LICENSE](LICENSE) file for details.